/* Theme Name: DCYote Author: Nikki Jeske Theme URI: http://designcoyote.com Description: The new and improved version of Design Coyote. Version: 1.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: Century Gothic, Helvetica, Arial, Sans-Serif; font-size: 15px; text-align: center; color: #c2e96c; background: #4e712d url(images/bg.jpg) repeat; } h1, h3, h4, h5, h6{ font-family: Century Gothic, Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: bold; color: #d0fd58; } a{ text-decoration: underline; color: #d0fd58; } a:hover { text-decoration: none; color: #ccf274; } a:visited { text-decoration: underline; color: #afe225; } 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: #afe225; } small{ font-size: 11px; color: #afe225; } pre{ width: 90%; } input, textarea{ font-family: Century Gothic, Helvetica, Arial, sans-serif; font-size: 12px; padding: 2px; } input#s, input#author, input#email, input#url, textarea#comment{ border: 0px solid #574223; background-color: #574223; padding: 2px; } input#author, input#email, input#url{ margin: 0 5px 0 0; } #bgtop { height: 290px; background: url(images/bgtop.jpg) repeat-x; position: relative; vertical-align: top; } #container{ margin: 0px auto; width: 845px; position: relative; margin-top: -290px; } #pagewrapper{ float: left; width: 845px; margin-bottom: 40px; } #page{ padding: 0 0px; } #banner{ float: left; width: 845px; height: 360px; background: url(images/banner.jpg) no-repeat left top; clear: both; } .maincolumn{ float: left; width: 540px; margin-left: 0px; margin-right: 20px; } #blockquote { background: url(images/quotetop.png) no-repeat; margin: 5px; padding: 5px; border-right: 0px solid #6f4827; line-height: 15px; } #blockquote p{ background: url(images/quotebottom.png) bottom right no-repeat; line-height: 20px; } #container, #header, #menu, #pagewrapper, #page, #banner, .maincol, .post, .entry, .browse, #sidebar, #left-menu, #comments-template{ text-align: left; vertical-align:top; } /* End Body */ /* Headings ----------------------------------------------- */ #nav { position: absolute; width: 600px; top: 10px; left: 270px; text-align: left; } /* End Headings */ /* Menu ----------------------------------------------- */ #menu { padding: 0; background: transparent; } #menu a{ color: #396980; text-decoration:none; letter-spacing: 0px; font: 15px Century Gothic, Helvetica, Arial, sans-serif; margin: 4px; padding: 4px; border: 0px dashed #ffffff; } #menu a:hover{ color: #396980; font: 15px Century Gothic, Helvetica, Arial, sans-serif; margin: 4px; padding: 4px; border-bottom: 2px dotted #ffffff; } /* End Menu */ /* Front Page Content --------------------------------------------- */ .roundedcornr h2.clients{ background: url(images/clientwork.jpg) no-repeat; height: 46px; width: 505px; margin: 0px; padding: 0px; margin-left: 2px; margin-top: -20px; } .roundedcornr h3.clients{ text-align: right; font: 17px Century Gothic, Helvetica, Arial, sans-serif; color: #ccf274; margin-right: 10px; margin-top: -10px; margin-bottom: -10px; } .roundedcornr h3.clients a, a:active, a:hover{ text-decoration: none; color: #ccf274; } .roundedcornr h2.shop{ background: url(images/shopdesign.jpg) no-repeat; height: 46px; width: 505px; margin: 0px; padding: 0px; margin-left: 2px; margin-top: -20px; } .roundedcornr h3.shop{ text-align: right; font: 17px Century Gothic, Helvetica, Arial, sans-serif; color: #ccf274; margin-right: 10px; margin-top: -10px; margin-bottom: -10px; } .roundedcornr h3.shop a, a:active, a:hover{ text-decoration: none; color: #ccf274; } .roundedcornr h2.themes{ background: url(images/freetheme.jpg) no-repeat; height: 46px; width: 505px; margin: 0px; padding: 0px; margin-left: 2px; margin-top: -20px; } .roundedcornr h3.themes{ text-align: right; font: 17px Century Gothic, Helvetica, Arial, sans-serif; color: #ccf274; margin-right: 10px; margin-top: -10px; margin-bottom: -10px; } .roundedcornr h3.themes a, a:active, a:hover{ text-decoration: none; color: #ccf274; } .roundedcornr img{ margin: 0px; padding: 5px; background: #97c445; } .roundedcornr p{ margin: -1px; padding: 0px; } .alignright { float: right; margin: 0 0 15px 15px; } .alignleft { float: left; margin: 0 15px 15px 0; } /* End Front Page Content */ /* Rounded Corners ---------------------------------------------- */ .roundedcornr { background: #689341; margin-bottom: 0px; } .roundedcornr_top div { background: url(images/roundedcornr_180110_tl.png) no-repeat top left; } .roundedcornr_top { background: url(images/roundedcornr_180110_tr.png) no-repeat top right; } .roundedcornr_bottom div { background: url(images/roundedcornr_180110_bl.png) no-repeat bottom left; } .roundedcornr_bottom { background: url(images/roundedcornr_180110_br.png) no-repeat bottom right; } .roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom { width: 100%; height: 30px; font-size: 1px; } .roundedcornr_content { margin: 0 16px; } /* End Rounded Corners */ /* Posts ----------------------------------------------- */ .post{ margin-bottom: 30px; border: 0px dashed #ffffff; } .post h2{ border-bottom: 0px dotted #c2e96c; font-size: 22px; font-weight: bold; color: #c2e96c; text-transform: uppercase; } .post h2 a{ text-decoration: none; color: #c2e96c; text-transform: uppercase; } .post h2 a:hover{ text-decoration: none; color: #c2e96c; } .entry{ line-height: 24px; } .entryinfo { text-align: right; } .entry h1, .entry h3, .entry h4, .entry h5, .entry h6{ border: 0; padding: 10px 0 0; } .entry h1{ font-size: 24px; font-weight: normal; } .entry h3{ color: #c2e96c } .entry h4{} .entry h5{ font-weight: normal; } .entry h6{ font-size: 11px; font-weight: normal; } .entry img{ border: 3px solid #aae010; padding: 0px; margin: 2px; } .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: 0px solid #aae010; font-size: 11px; color: #aae010; } .post blockquote { background: url(images/quotetop.png) no-repeat; margin: 10px; padding: 10px; border-right: 0px solid #6f4827; line-height: 15px; } .post blockquote p{ background: url(images/quotebottom.png) bottom left; } .entry p.notfound{ padding: 15px 0 100px; } .browse{ margin: 0 15px; padding: 15px; line-height: 24px; } .browse a{ color: #aae010; } #bio { margin: 0 auto; } #bio img{ border: 0px; padding: 0px; margin: 10px; } /* End Posts */ /* FullSidebar ----------------------------------------------- */ #fullsidebar { float: left; margin: 5px 0 0 5px; width: 275px; font: 14px Century Gothic, Helvetica, Arial, sans-serif; } #fullsidebar a{ color: #c2e96c; border-bottom: 1px dotted #c2e96c; text-decoration: none; } #fullsidebar a:visited{ color: #c2e96c; border-bottom: 1px dotted #689341; text-decoration: none; } #fullsidebar a:hover{ color: #c2e96c; border-bottom: 0px dotted #c2e96c; text-decoration: none; } #fullsidebar ul{ list-style: none; margin: 0; padding: 0; line-height: 20px; } #fullsidebar ul img{ margin: 3px; } #fullsidebar ul li{ padding: 7px; font-family: Century Gothic, Helvetica, Arial, sans-serif; line-height: 20px; color: #c2e96c; } #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: #c2e96c; text-transform: uppercase; } #fullsidebar ul ul{ padding: 7px 0 0; } #fullsidebar ul ul li{ padding: 0; font-family: Century Gothic, Helvetica, Arial, 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: 275px; font: 15px Century Gothic, Helvetica, Arial, sans-serif; color: #c2e96c; } #sidebar h2.welcome { background: url(images/welcome.png) no-repeat; margin: 5px; width: 229px; height: 37px; } #sidebar h2.services { background: url(images/services.png) no-repeat; margin: 5px; width: 207px; height: 36px; } #sidebar h2.testimonials { background: url(images/testimonials.png) no-repeat; margin: 5px; width: 239px; height: 27px; } #sidebar .sig { margin-left: 160px; margin-top: 10px; } #sidebar .sig img{ margin: 10px; } #testsig { text-align: right; } #sidebar a{ color: #c2e96c; border-bottom: 1px dotted #c2e96c; text-decoration: none; } #sidebar a:visited{ color: #c2e96c; border-bottom: 1px dotted #689341; text-decoration: none; } #sidebar a:hover{ color: #c2e96c; border-bottom: 0px dotted #c2e96c; text-decoration: none; } #sidebar ul { padding: 7px; font: 15px Century Gothic, Helvetica, Arial, sans-serif; color: #c2e96c; list-style: url(images/list_side.png); line-height: 20px; margin: 0; padding: 0; } #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 #c2e96c; padding: 0px; font-size: 12px; color: #c2e96c; text-transform: uppercase; } #sidebar ul ul{ padding: 7px 0 0; } #sidebar ul ul li{ padding: 0; font-family: Century Gothic, Helvetica, Arial, sans-serif; line-height: 20px; margin-left: 40px; text-transform: 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: 845px; margin: 0px auto; text-align: left; padding: 0px; color: #574223; padding-top: 70px; font: 13px Century Gothic, Helvetica, Arial, sans-serif; } #footerstuff h2 { color: #574223; font-size: 18px; border-bottom: 0px solid #574223; padding-bottom: 5px; } #footerstuffone { width: 250px; float: left; margin-right: 10px; margin-left: 5px; text-align: justify; } #footerstuffone h2.projects { background: url(images/projects.png) no-repeat; height: 50px; width: 203px; margin-bottom: 10px; } #footerstuffone ul { padding: 7px; font: 15px Century Gothic, Helvetica, Arial, sans-serif; list-style: url(images/list_footer.png); line-height: 20px; margin: 0; padding: 0; margin-left: 5px; } #footerstufftwo { width: 262px; float: left; margin-right: 30px; margin-left: 10px; } #footerstufftwo h2.resources { background: url(images/resources.png) no-repeat; height: 37px; width: 262px; margin-bottom: 10px; } #footerstufftwo ul { padding: 7px; font: 15px Century Gothic, Helvetica, Arial, sans-serif; list-style: url(images/list_footer.png); line-height: 20px; margin: 0; padding: 0; margin-left: 70px; } #footerstuffthree { margin-left: 20px; width: 250px; float: left; } #footerstuffthree h2.contact { background: url(images/contact.png) no-repeat; height: 37px; width: 196px; margin-bottom: 10px; margin-left: 15px; } #footerbottom { width: 845px; margin: 0 auto; text-align: center; font: 13px Century Gothic, Helvetica, Arial, sans-serif; color: #48371d; position: absolute; margin-top: 425px; } #footerbottom img{ margin: 0 auto; border: 0px; padding-bottom: 10px; } /* End Links */ /* Footer ----------------------------------------------- */ #footer { margin:0 auto; color: #574223; text-align: left; height: 579px; background: url(images/bgbottom.jpg); clear: both; } #footer a:link { color:#574223; border-bottom: 1px dotted #574223; text-decoration:none; } #footer a:visited { color:#574223; text-decoration:none; border-bottom: 1px dotted #574223; } #footer a:hover { color:#574223; border-bottom: 0px dotted #574223; text-decoration:none; } #footer hr { display:none; } /* End Footer */