/* Theme Name: Renate.nu - the one with the purple cat Author: Renate Solberg Theme URI: http://renate.nu ----------------------------------------------- The illustration for this theme was purchased here: http://www.istockphoto.com/stock-illustration-8578000-kitty-cats.php. Please do not copy or redistribute - support the artist by buying it! The theme was coded by me - http://renate.nu, with help and inspiration from Teresa - http://scribblescratch.com ----------------------------------------------- */ /* body, header and container --------------------------------------------------*/ body { background-image: url('http://renate.nu/blog/wp-content/themes/3/bg.jpg'); background-repeat: repeat-x; background-color: #e0dfdd; margin: 0px; text-align: center; font-family: Trebuchet MS; font-size: 79%; color: #333; line-height: 1.5; } #header { width: 920px; height: 215px; margin: 0 auto; margin-top: -35px; color: #000; background: url('http://renate.nu/blog/wp-content/themes/3/katten2.jpg') left center no-repeat; padding: 0px; } #container { width: 920px; text-align: center; margin-left: auto; margin-right: auto; line-height: 140%; } /* content --------------------------------------------------*/ #content { float: left; width: 600px; padding-left: 20px; padding-right: 20px; text-align: left; font-size: .9em; } /* twitter ------------------------------------------------*/ #twitter { width: 145px; height: 119px; margin: 35px 0 0 25px; color: #333; background: none; font-size: 83%; text-align: left; padding-top: 30px; } #twitter a, a:link, a:visited { color: #743e8c; } #twitter a:hover, a:active { color: #542d66; } /* sidebar --------------------------------------------------*/ #sidebar { float: right; width: 248px; font-size: 0.9em; text-align: left; background-image: url('http://renate.nu/blog/wp-content/themes/3/sidebarbg.jpg'); background-repeat: no-repeat; background-color: #ececec; } #sidebarinside { padding-left: 5px; padding-right: 55x; } #sidebar a:link { font-size: 0.9em; color: #743e8c; } #sidebar a:visited { font-size: 0.9em; color: #743e8c; } #sidebar a:hover { font-size: 0.9em; color: #542d66; } #sidebar a:active { font-size: 0.9em; color: #542d66; } #sidebar h2 { font-size: 1em; } #blogroll, #recent, #topcom { margin-left: -15px; } #centered { margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px; padding:0px; width: 65px; } #blogroll p { margin-left: 30px; } /* navigation --------------------------------------------------*/ #nav { width: 100%; height: 40px; } #nav ul { padding: 0; margin: 0; font-family: Trebuchet MS; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; } #nav li { margin: 0; padding: 0; float: left; display: block; } #nav li a, #nav li a:link { display: block; float: left; color: #2d2d2d; height: 30px; line-height: 30px; padding: 0px 20px 0px 20px; border: 0px; } #nav a:hover { color: #e0e4cd; } /* flickr --------------------------------------------------*/ #flickr img { margin: 2px; height: 65px; width: 65px; border: 2px solid #e5b6fa; } /* comments -------------------------------------------------*/ p.small { font-size: 0.85em; } .commentbg { background-color: #dbd6da; } /* footer --------------------------------------------------*/ #footer { clear: both; width: 100%; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; color: #333; font-size: .8em; text-align: center; background-color: #e5b6fa; } #footer a:link { color: #743e8c; } #footer a:visited { color: #743e8c; } #footer a:hover, a:active { color: #542d66; } /* headers, links and lists --------------------------------------------------*/ h1 { font-size: 2em; letter-spacing: 1px; text-align: left; font-family: Trebuchet MS; color: #333; } h1 a:link, h1 a:visited { font-size: 1.2em; letter-spacing: 1px; text-align: left; font-family: Trebuchet MS; color: #333; line-height: 1; } h2 { text-transform: uppercase; font-family: Trebuchet MS; font-size: 1em; } a:link, a:visited { text-decoration: none; font-weight: bold; color: #743e8c; font-size: 100%; } a:hover, a:active { text-decoration: none; color: #542d66; font-size: 100%; } blockquote { background-color: #dbd6da; color: #333; padding: 0.2em; font-size: 0.9em; width: 76%; border-left: 10px solid #e5b6fa; } .footnote { font-size: 0.8em; } /* blog ---------------------------------------------------*/ .blogentry { padding-top: 10px; } .postend { font-variant: small-caps; } /* images ---------------------------------------------------*/ img.review { margin-right: 5px; padding: 3px; border: 1px #2d2d2d; background-color: #69d2e8; float: left; } img.left { margin-right: 5px; padding: 3px; float: left; } img.right { margin-left: 5px; padding: 3px; float: right; } #header img { border: 0; } img.center { display: block; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-bottom: 5px; } /* form --------------------------------------------------*/ input, option, select { font-family: Trebuchet MS; font-size: 90%; color: #333; border: none; background-color: #dbd6da; border: 1px solid #e5b6fa; } textarea { font-family: Trebuchet MS; font-size: 90%; color: #333; border: none; background-color: #dbd6da; border: 1px solid #e5b6fa; width: 60%; }