kirsle.net/www/designs/solar/screen.css

body {
 background-color: #000000;
 background-image: url("space.png");
 background-repeat: repeat;
 background-position: 0px 0px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: small;
 color: #BEBEBE;
 margin: 0px;
 padding: 0px
}
a:link, a:visited {
 color: #99CCFF;
 text-decoration: underline
}
a:hover, a:active {
 color: #FFCCFF
}
a img {
 border: 0px
}
h1,h2,h3,h4 {
 font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
 margin: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-weight: bold;
 color: #FFFFFF;
 text-shadow: 0px 0px 10px #0099FF;
 -moz-text-shadow: 0px 0px 10px #0099FF;
 -webkit-text-shadow: 0px 0px 10px #0099FF
}
h1 {
 /* Only one h1 per page! */
 font-size: 32pt;
 padding-top: 0px;
 padding-bottom: 15px
}
h2 {
 font-size: 24pt
}
h3 {
 font-size: 18pt
}
h4 {
 font-size: 16pt
}
pre,code {
 font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
 font-size: 9pt;
 color: #00CCCC
}
pre {
 display: block;
 border: 1px dashed #CCCCCC;
 padding: 10px;
 margin-left: 5px;
 margin-right: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 overflow-x: auto
}
code {
 display: inline
}
label {
 cursor: pointer
}
legend {
 color: #00FFFF;
 font-weight: bold
}
th {
 font-weight: bold;
 background-color: #000000;
 color: #FFFF00;
 text-align: center
}
table,th,td {
 border-color: #999999
}
th {
 text-align: left
}
table.box {
 border: 1px solid #999999
}
input[type="text"],input[type="password"],textarea,input[type="file"],select { /* To hell with IE */
 background-color: #000000;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: small;
 color: #CCCCCC;
 border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC
}

/*******************************************************************************
 * General CSS Classes                                                         *
 ******************************************************************************/

.center {
 margin: auto;
 text-align: center
}
.right {
 margin-left: auto;
 margin-right: 0px;
 text-align: right
}
.invisible {
 display: none
}

/*******************************************************************************
 * Styles Needed by Specific Pages in the CMS                                  *
 ******************************************************************************/

/* Downloads */

.distro {
 border: 1px solid #CCCCCC
}
.distro th {
 width: 150px;
 text-align: center;
 vertical-align: top
}
.distro td {
 width: 150px;
 text-align: center;
 vertical-align: top;
 border: 1px solid #808080
}
.distro td img {
 float: left
}

/********
 * Blog *
 *******/

/* Blog titles when shown on index view */
a.blog-title-index:link, a.blog-title-index:visited {
 font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
 font-size: 32pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none
}
a.blog-title-index:hover, a.blog-title-index:active {
 text-decoration: underline
}

/* Poster's avatar box */
.blog-author, .comment-author {
 float: right;
 background-color: #444444;
 border: 1px solid #CCCCCC;
 padding: 2px;
 margin-left: 10px;
 margin-bottom: 10px;
 width: 100px; /* 96 avatar width + 4px padding */
 text-align: center;
 font-weight: bold
}

/* Timestamp and author line below blog titles */
.blog-timestamp {
 font-size: smaller;
 font-style: italic;
 padding-left: 30px;
 padding-top: 5px;
 padding-bottom: 10px
}

/* Blog comment wrapper */
.comment {
 border: 1px dashed #006699;
 padding: 5px
}

/*******************************************************************************
 * Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com *
 ******************************************************************************/

/*************
 * Eye Candy *
 ************/

.k-supernova {
 /* Main BG image */
 position: absolute;
 z-index: 100;
 top: 0px;
 left: 0px;
 width: 960px;
 height: 1000px;
 background-image: url("supernova.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px
}
.k-kirsle {
 /* Kirsle logo */
 position: absolute;
 z-index: 150;
 top: 9px;
 left: 433px;
 width: 317px;
 height: 177px;
 background-image: url("kirsle.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px;
 cursor: pointer
}

/********************
 * Navigation Panel *
 *******************/

.k-navpanel {
 /* Wrapper for nav bar */
 position: absolute;
 z-index: 200;
 top: 203px;
 left: 57px;
 width: 152px
}
.k-navbg {
 /* Background image for navbar */
 width: 152px;
 background-image: url("navbody.png");
 background-repeat: repeat-y;
 background-position: 0px 0px
}
.k-navbody {
 /* Navigation content wrapper */
 width: 152px;
 background-image: url("navtop.png");
 background-repeat: no-repeat;
 background-position: 0px 0px;
}
.k-navfoot {
 /* Footer of navigation bar */
 width: 152px;
 height: 10px;
 background-image: url("navfoot.png");
 background-repeat: no-repeat;
 background-position: 0px 0px
}
.k-section {
 /* Division of navigation bar */
 display: block;
 font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
 font-size: 14pt;
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 margin-left: 2px;
 margin-right: 2px;
 padding: 0px
}
.k-navi {
 /* Stretches of hyperlinks inside the nav bar */
 padding-left: 4px;
 padding-right: 4px;
 font-size: x-small;
 line-height: 160%
}
 /* Hyperlinks inside the nav bar */
.k-navi a:link, .k-navi a:visited {
 font-size: x-small;
 font-weight: bold
}

/*********************
 * Main Content Area *
 ********************/

.k-content-panel {
 /* Wrapper for the content panel */
 z-index: 300;
 position: absolute;
 top: 203px;
 left: 262px;
 right: 40px;
 background-image: url("panelbg.png");
 background-repeat: repeat;
 background-position: 0px 0px
}
.k-content-eyecandy {
 /* Main eyecandy part of the BG */
 background-image: url("nw.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px
}
.k-content-n {
 /* North edge of the table */
 height: 10px;
 margin-left: 10px;
 background-image: url("n.png");
 background-repeat: repeat-x;
 background-position: 0px 0px
}
.k-content-ne {
 /* Northeast edge of the table */
 position: absolute;
 top: 0px;
 right: 0px;
 width: 10px;
 height: 10px;
 background-image: url("ne.png");
 background-repeat: no-repeat;
 background-position: 0px 0px
}
.k-content-main {
 /* Left border */
 background-image: url("w.png");
 background-repeat: repeat-y;
 background-position: 0px 0px
}
.k-content-body {
 /* Right border */
 background-image: url("e.png");
 background-repeat: repeat-y;
 background-position: 100% 0px;
 padding: 0px 10px
}
.k-copyright {
 /* Copyright text */
 text-align: center;
 font-size: x-small;
 color: #999999;
 font-weight: bold;
 padding: 20px 0px
}
.k-content-foot {
 position: relative;
 height: 10px;
 background-image: url("s.png");
 background-repeat: repeat-x;
 background-position: 0px 100%
}
.k-content-sw {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 10px;
 height: 10px;
 background-image: url("sw.png");
 background-repeat: no-repeat;
 background-position: 0px 0px
}
.k-content-se {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 10px;
 height: 10px;
 background-image: url("se.png");
 background-repeat: no-repeat;
 background-position: 0px 0px
}
.k-space {
 background-image: url("space.png");
 background-repeat: repeat;
 background-position: 0px 0px;
 height: 50px
}