/* Theme Name: Mutts2 Author: Nikki Jeske Theme URI: http://snailbird.com Description: Cute pawprint design for my cute Wolf! Three column version of the original. Version: 2.0 ----------------------------------------------- Artwork by Nikki Jeske of snailbird.com ----------------------------------------------- */ /* Body ----------------------------------------------- */ #wrapper { width: 1020px; margin:0 auto; background: url(bodybg.jpg); } #page{ padding: 0 0px; } #masthead { width: 1020px; height: 394px; margin:0 auto; background-image: url(head.jpg); background-repeat: no-repeat; color: #05080f; } #nav { position: absolute; width: 250px; top: 362px; left: 800px; } .right { float: right; padding-top: 0px; padding-right: 10px; } .left { float: left; padding-top: 0px; padding-left: 20px; } .commentBox { } .commentBox p { padding-top: 0px; margin-top: 0px; } body { background: #c7dbfc url(bg_body.jpg) top center; background-repeat: repeat-x; margin-top: 0; margin-bottom: 0; margin: 0; margin-left: 0px; padding:0px 20px; font-family: Arial, Georgia, 'Times New Roman', serif; font-size: 12px; letter-spacing: 0px; line-height: 1.5em; text-align:center; color:#05080f; } a:link { color:#46506b; text-decoration: underline; } a:visited { color:#46506b; text-decoration: underline; } a:hover { color:#46506b; text-decoration:none; } a img { border-width: 10px; border:0px; } /* End Body */ /* Menu ----------------------------------------------- */ #menu { margin-left: 4px; padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; padding-left: 5px; } #menu ul{ font: bold 12px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; } #menu li{ display:inline; margin:0 2px 0 0; padding:0; } #menu a{ float:left; color: #97a1bc; margin:0 2px 0 0; padding:0 0 1px 1px; text-decoration:none; letter-spacing: 1px; font: bold 14px Arial, Verdana, sans-serif; } #menu a span{ float:left; display:block; padding: 7px; background: transparent; font: bold 14px Arial, Verdana, sans-serif; } #menu a span{ float:none; } #menu a:hover{ color: #d2def6; background-color: #161e31; font: bold 14px Arial, Verdana, sans-serif; } #menu a:hover span{ color: #d2def6; background-color: #161e31; font: bold 14px Arial, Verdana, sans-serif; } #menu #current a, #menu #current span{ /*currently selected tab*/ background-color: #161e31; } /* End Menu */ /* Header ----------------------------------------------- */ #header { margin-top:0; width:1020px; margin-top:0px; margin:0 auto 10px; border:0px solid #ccc; } #about { position: absolute; width: 300px; top: 140px; left: 630px; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 10px; text-align: center; } #about h2 { font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: underline; text-align: center; } #title { position: absolute; width: 420px; top: 16px; left: 410px; color: #adb9cf; text-transform: uppercase; font-family: Georgia, sans-serif; font-size: 10px; text-align: center; } #title h2 { color: #8e99ad; text-transform: none; font-family: Georgia, sans-serif; font-size: 32px; text-align: center; } /* End Header */ /* Content ----------------------------------------------- */ #content { color:#05080f; width:1020px; margin:0 auto; margin-top: 10px; padding:0; text-align:justify; } #main { padding-left: 4px; padding-right: 15px; padding-left: 10px; width:570px; float:left; } #main2 { padding-left: 4px; margin: 0 auto; width:570px; float:left; } #rightbar { margin-top: .5em; width:170px; float:right; text-align: justify; } #leftmenu { margin-top: .5em; width:170px; float:left; text-align: justify; } .sideText, input { font-family: tahoma, serif; font-size: 8pt; } select { font-family: tahoma, serif; font-size: 8pt; } /* End Content */ /* Posts ----------------------------------------------- */ .post{ margin-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; background: #a9b4c8 url(postbg.jpg) top left no-repeat; } .post h2{ border-bottom: 1px dashed #FFFFFF; padding: 0 0 7px 0; padding-top:28px; font-size: 18px; font-weight: normal; color: #d2def6; text-transform: uppercase; } .post h2 a{ text-decoration: none; color: #d2def6; text-transform: uppercase; } .post h2 a:hover{ text-decoration: none; } .post-title { border-bottom: 1px dashed #ffffff; padding: 0 0 7px 0; font-size: 14px; color: #d2def6; text-transform: uppercase; } .post img { padding: 10px; } .entry{ line-height: 24px; } .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: #d2def6; } .entry h3{ color: #d2def6; } .entry h4{} .entry h5{ font-weight: normal; } .entry h6{ font-size: 11px; font-weight: normal; } .entry img{ padding: 4px; background-color: #a9b4c8; } .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; } .entry p.postinfo{ margin: 15px 0 0; padding: 10px 15px 0; border-top: 1px dashed #ffffff; font-size: 11px; color: #717f9a; } .entry p.notfound{ padding: 15px 0 100px; } .browse{ margin: 0 15px; padding: 15px; line-height: 24px; } .browse a{ color: #ffffff; } /* End Posts */ /* Begin Comments --------------------------------------------- */ .alt { margin: 0; padding: 10px; background: #3a4863; } .commentlist { padding: 0; text-align: justify; background: #a7b3c9; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } .commentlist h3 { color: #d2def6; } #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 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #05080f; padding: 2px; background: #fff; } .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: 'Lucida Grande', 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 */ /* Left Menu ----------------------------------------------- */ #left-menu { float: left; padding-right: 10px; color: #c7d9fd; margin-right: 5px; padding-left: 25px; font-size: 12px; width: 170px; } #left-menu a { color: #717f9a; text-decoration:none; font-weight: normal; } #left-menu a:hover { color: #717f9a; border-bottom:2px solid #c7d9fd; } #left-menu ul { padding:0; margin:0px; } #left-menu li { padding:0 0 2px 0; margin-left:1px; color: #93a2b9; list-style-type:none; } #left-menu li h2{ border-bottom: 1px dashed #ffffff; padding: 0 0 7px 0; font-size: 14px; color: #93a2b9; text-transform: uppercase; } /* End Left Menu */ /* Right Menu ----------------------------------------------- */ #rightbar { float: left; padding: 0; color: #717f9a; margin-top: 0px; margin-right: 10px; margin-left: 15px; font-size: 12px; width: 170px; } #rightbar a { color: #c7d9fd; text-decoration:none; font-weight: normal; } #rightbar a:hover { color: #717f9a; border-bottom:2px solid #c7d9fd; text-decoration:none; font-weight: normal; } #rightbar ul { padding:0px; margin:0px; } #rightbar li { padding-left:1px; margin:0px; list-style-type:none; } #rightbar li h2{ border-bottom: 1px dashed #ffffff; padding: 0 0 7px 0; font-size: 14px; color: #93a2b9; text-transform: uppercase; } #rightbar img{ padding-right: 8px; } /* End Right Menu */ /* Footer ----------------------------------------------- */ #footer { width: 1020px; margin:0 auto; background: url(footerbg.jpg); clear:both; height: 160px; padding-bottom:0px; color: #d3dff9; font-family: Arial, Georgia, 'Times New Roman', serif; font-size: 1.0em; text-align:center; } #footer a:link { color:#ffffff; text-decoration:none; } #footer a:visited { color:#ffffff; text-decoration:none; } #footer a:hover { color:#05080f; text-decoration:none; border-bottom: 2px solid #05080f; } #footer hr { display:none; } #footer p { margin:0 auto; padding-top:50px; } /* End Footer */ /* Begin Captions --------------------------------------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ffffff; text-align: center; background-color: #c7d9fd; 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 */