/* Theme: Pure Blueprint Author: Adam Kayce URI: Monk at Work Webdesign Description: A custom implementation for FullMoonWeblog.com Version: 1.0 */ /* First, the Blueprint CSS imports... */ @import "blueprint/ie.css"; /*@import "blueprint/print.css";*/ @import "blueprint/screen.css"; /* body backgrounds --------- */ body {font-family: Georgia, Times, serif; background-color: #000; margin: 0;} body#art { background: url(images/bg-art.jpg) no-repeat center top; } body#tips { background: url(images/bg-tips.jpg) no-repeat center top; } body#bh { background: url(images/bg-bh.jpg) no-repeat center top; } .previous, .next { margin-top: 25px; font-weight: bold; } .previous a, .next a { text-decoration: none; } .previous a:hover, .next a:hover { border-bottom: 1px #000 solid; } body#insight { background: url(images/bg-insight.jpg) no-repeat center top; } body#interior { color: #FFF; } body#interior #content_box, body#interior #moon { margin-top: 2.5em; } body#interior h2, body#interior a { color: #FFF; } body#interior ul { font: 1.1em Georgia, "Times New Roman", Times, serif; } body#interior #feedback { display: none; } /* @ core layout elements ----------- */ #container { width: 830px; margin: 0 auto; background: transparent; position: static; } #nav { top: 0px; clear: both; display: block; background: transparent; position: absolute top; margin: 0 auto; width: 800px;} #navplanets { width: 736px; height: 99px; background: url(images/navplanets.jpg); margin: 0 auto; padding: 0; position: relative;} #navigation { } #moon { background: transparent; overflow: hidden; height: 390px; } .entry { overflow: hidden; height: 250px; } body#art #moon { margin:50px 215px 0pt; width: 350px; height: 390px; } body#bh #moon { margin:50px 235px 0pt; width: 350px; height: 390px; } body#insight #moon { margin:40px 220px 0pt; width: 350px; height: 390px; } body#tips #moon { margin:60px 220px 0pt; width: 350px; height: 390px; } #feedback { width: 640px; top: 80px; margin: 0 auto; position: relative; background: transparent; } #comment { background: transparent; } #footer { background: transparent; top: 90px; position: relative; color: #666666; } /* @ Text Styles ---------- */ h1.title { font: bold 24px Georgia, "Times New Roman", Times, serif; } h1.title a { text-decoration: none; color: #000;} h1.title a:hover { text-decoration: underline; } h3.comments_headers {font-weight: bold;} a { color: #000; } a:hover { text-decoration: none; border-bottom: 1px dotted #000; } .comecomment { font-size: 14px; font-style: italic; } #footer a{ color:#666666; } #footer a:hover { text-decoration: none; border-bottom: 1px dotted #666666; } /* @ Comment Area ---------- */ #commentform {font-family: Lucida Grande, Arial, Helvetica, sans-serif; text-align: left; width: 300px; float: left; display: block;} #commentscroll { text-align: left; width: 340px; float: right; display: inline-block; height: 300px; } #commentlist {text-align: left; width: 340px; float: right; display: inline-block; height: 300px; overflow: auto;} ul.commentlist { list-style-image: none; width: 290px; } ul.commentlist li { border: 1px solid #000; margin: 10px 0; padding: 10px; list-style-type: none; color: #000;} body#art ul.commentlist li { background-color: #CDE5D0;} body#bh ul.commentlist li { background-color: #EFD9C3;} body#insight ul.commentlist li { background-color: #B7E6FC;} body#tips ul.commentlist li { background-color: #C4EDF7;} #commenttext { } #commenttext .cname { font-weight: bold; font-size: 14px; } #commenttext .date { font-weight: normal; } .user { background-color: #FFFFFF !important; } textarea {height: 75px; width: 250px; padding: 5px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } label { padding-left: 5px; } body#art textarea, body#art .text_input { background-color: #CDE5D0;} body#bh textarea, body#bh .text_input { background-color: #EFD9C3;} body#insight textarea, body#insight .text_input { background-color: #B7E6FC;} body#tips textarea, body#tips .text_input { background-color: #C4EDF7;} #commentlist p {font-family: Lucida Grande, Arial, Helvetica, sans-serif; padding: 5px 0;} /* @ Navigation ---------- */ #navplanets li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #navplanets li, #navplanets a { height: 99px; display: block;} #p1 {left: 0; width: 90px;} #p2 {left: 91px; width: 106px;} #p3 {left: 198px; width: 105px;} #p4 {left: 304px; width: 111px;} #p5 {left: 416px; width: 144px;} #p6 {left: 561px; width: 98px;} #p7 {left: 660px; width: 75px;} #p1 a:hover { background: transparent url(images/navplanets.jpg) 0 -97px no-repeat;} #p2 a:hover { background: transparent url(images/navplanets.jpg) -91px -97px no-repeat;} #p3 a:hover, #p3 .current { background: transparent url(images/navplanets.jpg) -198px -97px no-repeat;} #p4 a:hover { background: transparent url(images/navplanets.jpg) -305px -96px no-repeat;} #p5 a:hover, #p5 .current { background: transparent url(images/navplanets.jpg) -416px -97px no-repeat;} #p6 a:hover, #p6 .current { background: transparent url(images/navplanets.jpg) -564px -98px no-repeat;} #p7 a:hover, #p7 .current { background: transparent url(images/navplanets.jpg) -660px -101px no-repeat;} /* @ Clean Archives Reloaded ------- */ .car-collapse .car-yearmonth { font-size: 1.5em; color: #C4EDF7; } /* @ drop-down archive ---------------- */ .awsomarchive, .insightarchive { } .awsomarchive input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb; background-color: #ccc;} .insightarchive input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb; background-color: #ccc;} .awsomarchive input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}