style.css

/*
Theme Name: Little Boxes
Theme URI: http://www.kevinlingerfelt.com/little-boxes/
Description: Little boxes made of ticky tacky
Version: 0.1
Author: Kevin Lingerfelt
Author URI: http://www.kevinlingerfelt.com/
*/

body {
  margin: 5px;
  padding: 0;
  text-align: center;
  background: #111;
  color: #eee;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #ccc;
  text-decoration: none;
}

a:hover {
  color: #fff;
  text-decoration: underline;
}

h1 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  height: 48px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  text-align: center;
}

h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}

h5 {
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
  color: #ccc;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h5 a {
  color: #ccc;
}

blockquote {
  margin: 25px 50px;
  padding: 5px;
  background: transparent url('images/spacer-25.png') repeat;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

blockquote table {
  font-size: 14px;
}

pre {
  margin: 20px;
  padding: 5px;
  background: transparent url('images/spacer-25.png') repeat;
  line-height: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#container {
  float: left;
  padding-bottom: 5px;
  width: 100%;
}


/* Excerpt styles */
.box {
  width: 160px;
  height: 210px;
  padding: 5px;
  margin: 5px;
  text-align: center;
  background-color: #444;
  float: left;
  overflow: hidden;
}

.box p {
  font-size: 12px;
  line-height: 16px;
}

.bg1 {
  background: #444 url('images/bg1.png') top center no-repeat;
}

.bg2 {
  background: #444 url('images/bg2.png') top center no-repeat;
}

.bg3 {
  background: #444 url('images/bg3.png') top center no-repeat;
}

.bg4 {
  background: #444 url('images/bg4.png') top center no-repeat;
}

.bg5 {
  background: url('images/bg5.png') top center no-repeat;
}


/* Category styles */

.category h1 {
  margin: 11px 0 15px 0;
  height: 24px;
}

.category p {
  margin-top: 20px;
  line-height: 20px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#category-list .post {
  clear: left;
}


/* Post styles */
.post {
  width: 700px;
  height: auto;
  min-height: 210px;
  text-align: left;
  overflow: inherit;
}

.post h1 {
  margin: 3px 0 5px 0;
  font-size: 25px;
  line-height: 27px;
  height: 27px;
  text-transform: none;
}

.post a {
  text-decoration: underline;
}

.post p,
.post li {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 23px;
}

.post p.caption {
  margin: 0 0 25px 0;
  padding: 0 5px 5px 5px;
  text-align: center;
  background: transparent url('images/spacer-50.png') repeat;
}

.post ul {
  list-style-type: square;
}


/* Comment styles */
.commentform {
  width: 340px;
  height: 440px;
  text-align: left;
  overflow: inherit;
}

.comment {
  width: 340px;
  height: auto;
  min-height: 210px;
  text-align: left;
  overflow: inherit;
}

.comment p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  line-height: 17px;
}

#comments h3 {
  font-weight: normal;
  font-size: 24px;
  margin: 5px 0;
  padding: 0;
}

#commentform textarea {
  width: 326px;
  height: 220px;
  border: 2px solid #444;
  padding: 5px;
  margin: 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #eee;
  color: #111;
  font-size: 14px;
}

#commentform input {
  width: 180px;
  height: 16px;
  background-color: #eee;
  border: 2px solid #444;
  margin: 5px 50px 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #111;
  padding: 2px;
  font-size: 14px;
  float: right;
  clear: right;
}

#commentform label {
  float: left;
  clear: left;
  width: 90px;
  text-align: right;
  margin: 5px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 24px;
}

#commentform p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 26px;
}

#commentform #submit {
  cursor: pointer;
  height: 30px;
  width: 72px;
  background-color: #bbb;
  color: #111;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-right: 2px solid #444;
  border-bottom: 2px solid #444;
}

#commentform input:focus,
#commentform textarea:focus {
  background-color: #ccc;
  border: 2px solid #111;
}


/* Various other styles */
.pic {
  padding: 5px;
  background: transparent url('images/spacer-25.png') repeat;
}

.post .pic {
  padding: 5px;
  background: transparent url('images/spacer-50.png') repeat;
  margin-left: auto;
  margin-right: auto;
}

.pic:hover {
  background: transparent url('images/spacer-50.png') repeat;
}

.pic img {
  border: none;
}

.no-caption {
  margin-bottom: 20px;
}

.left,
.post .left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.column {
  float: left;
  width: 48%;
  padding: 0 1%;
}

.youtube {
  margin: 25px 50px;
  padding: 0;
  background: transparent url('images/spacer-25.png') repeat;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.youtube h3 {
  font-weight: normal;
  font-size: 1.5em;
  background: transparent url('images/spacer-25.png') repeat;
  margin: 0;
  padding: 5px;
}

ul.article-list {
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.article-list li {
  padding: 16px 5px;
  margin: 0;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul.article-list .date,
ul.article-list .location {
  font-size: 12px;
  text-transform: uppercase;
  color: #111;
  line-height: 16px;
}

ul.article-list .headline {
  font-size: 32px;
  line-height: 38px;
}

ul.article-list .subtitle {
  font-size: 16px;
  line-height: 18px;
}

div.gallery {
  margin: 0 10px;
}

div.gallery-icon {
  float: left;
  padding: 5px;
  margin: 5px;
  width: 150px;
  background: transparent url('images/spacer-25.png') repeat;
}

div.gallery-icon:hover {
  background: transparent url('images/spacer-50.png') repeat;
}

div.gallery-icon a img {
  border: none;
}

#footer p {
  font-size: 10px;
}

#footer .category p {
  font-size: 16px;
}

#footer img {
  border: none;
}

#footer .rss {
  float: left;
  margin: 4px 10px 0 0;
}