그라디언트를 사용한 깔끔한 배경

http://armcurl.wordpress.com/

/* Edited with EditCSS */
/**** Imported style sheet style.css ****/

/*
Theme Name: Rubric
Theme URI: http://wordpress.com/
Description: A flexible and clean theme with a pen on top.
Version: 1.0
Author: Hadley Wickham
Author URI: http://ineffable.co.nz/
*/

#wpcombar a {
   border: none;
}
#wpcombar a:hover {
   background: #6da6d1;
   color: black;
}

body {
   background-color: #fff;
   background-image: url("images/rubric/gradient.gif");
   background-attachment: fixed;
   background-position: bottom;
   background-repeat: repeat-x;
}
    
#content {
   margin-right: 20em;
   margin-left: 40px;
   background-color: #fff;
   padding: 0.5em;
   margin-top: 160px;
  
   border: 1px #eee solid;
}
* html #content { margin-top: 180px; }
/* Image from sxc.hu (http://www.sxc.hu/browse.phtml?f=view&id=16710)
  Thanks bradleym! */


#header {
   position: absolute;
   top: 40px;
   left: 0px;
   background-image: url("images/rubric/pen-sm.jpg");
   background-position: top right;
   background-repeat: no-repeat;
   width:80%;
   margin: 0;
   height: 150px;
  
   padding-left: 45px;
  
   font-family: Georgia;
   font-weight: normal;
   font-size: 3em;
}


/* Content & menu
  -------------------------------------------- */

#menu {
   width: 14em;
   position: absolute;
   float: right;
   top: 200px;
   right: 5em;
  
   font-size: 90%;
}
* html #menu { /* make IE put it in the right place */
   right: 5em;
}


#menu ul {
   margin-top: 0;
   padding-left: 0;
   margin-left: 0;
   list-style: none;   
   font-weight: bold;
   color: #B54141;
}

#menu h2 {
   font-size: 1em;
}

#menu a:link, #menu a:visited {
   color: black;
   border: none;
}

#menu ul ul {
   margin-left: 0;
   list-style: disc;
   list-style-position: inside;
   padding-left: 0.5em;
   text-indent: 0;
   font-weight: normal;
   color: black;
}


#menu form{
   margin: 0;     
}
#menu form br {
   display:none;
}


/* Post
  -------------------------------------------- */


#content h2 {
   font-size: 0.9em;
   color: #666;
   margin-bottom: 0;
   margin-top: 0;
}

h3 {
   font-size: 1.5em;
   font-weight: normal;
   margin-bottom: 0.33em;
}

.storytitle {
   margin-top: 0.25em;
}

.post-categories {
   display: inline;
   margin: 0;
   padding: 0;
}
.post-categories li {
   display: inline;
   margin-left: 0 3px 0 0;
   padding: 0;
}

.post .meta {
   font-size: 0.85em;
   color: #666;
}
.post .meta * {
   margin-top: 0;
}   

.post .feedback {
   margin-bottom: 3em;
   border-bottom: 1px solid #ccc;
   padding-bottom: 1px;
}


/* Credit
  -------------------------------------------- */
    
p.credit {   
   margin-right: 20em;
   margin-left: 40px;
   padding: 0.5em;
   font-size: 90%;
}
p.credit a:visited, p.credit a:link {
   border: none;
}
  

/* Basic typography
  -------------------------------------------- */

body {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size: 80%;
}

p, td, th, li {
   font-size: 1em;
   line-height: 1.65em;
}


a:link, a:visited {
   text-decoration: none;
   color: #B54141;
   border: 1px solid white;
}
a:hover {
   background-color: #eee;
   border: 1px solid #ccc;
}

#comment { width: 95%; }
* html #comment { width: 400px; }


/**** Inline STYLE-tag style sheet ****/

       /* @import url( http://armcurl.wordpress.com/wp-content/themes/rubric/style.css ); */
  


/**** Inline STYLE-tag style sheet ****/

#wpcombar {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   background: #14568a url('/i/wpcombar_bkg.png') no-repeat 50% 0;
   border-bottom: 1px solid #3285ae;
   width: 100%;
   height: 27px;
   font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
   color: white;
}

#wpcombar .menupop a span {
   background: url('/i/bullet_arrow_down.gif') no-repeat 100% 0;
   padding-right: 1.5em;
}

#wpcombar .menupop ul {
   position: absolute;
   background: #14568a;
   border: 1px solid #3285ae;
   border-width: 0 1px 1px;
   left: -999em;
}

#wpcombar .menupop li {
   float: none;
   margin: 0;
   padding: 0;
}

.quicklinks ul {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: left;
}

.quicklinks ul li {
   float: left;
   margin: 0;
   padding: 0;
}

.quicklinks a, .blogmeta {
   display: block;
   font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
   padding: 0.5em 1em;
   color: #c3def1;
   letter-spacing: normal;
   text-decoration: none;
   font-weight: normal;
   border: none;
}

.quicklinks ul li.blogmeta { margin-top: 0.5em; }

.quicklinks a img {
   border: 0;
}

.quicklinks small a { display: inline; }

.quicklinks a:hover {
   background: #2c77a4;
   color: white;
}

body {
   padding-top: 28px;
}


/**** Inline STYLE-tag style sheet ****/

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}