/*  
Theme Name: userhappiness
Theme URI: http://userhappiness.com/
Description: The theme for the userhappiness blog
Version: 0.1
Author: Nick
Author URI: http://userhappiness.com/
*/

body{margin: 0 33px;padding: 0;font-size: .8em;line-height: 1.5em;font-family: arial, sans-serif}
a:link{color:#7f0026}
a:visited{color:#666}
#page{float:left;width:100%}
#header{float:left;clear:both;width:100%}
#header, h1{margin: 0;padding: 0}
h1{float:left}
h1 img{margin: 0;padding: 0;border:0;float:left}
#categories{list-style-type:none;margin:1em 0 0 18px;padding:0;width:64%;float:left}
#categories li{float:left;margin-left:1em}
#entries{margin:0 0 2em 330px;padding:0}
.post{padding-bottom:3em;clear:left}
h2{margin-top:0;margin-bottom:.5em;;padding-top: .875em;font-size:1.875em;letter-spacing:-0.025em;line-height:1em}
h2 a{text-decoration:none}
.misc-cat h2 a:link, .misc-cat h2 a:visited{color: #99d321}
.design-cat h2 a:link, .design-cat h2 a:visited{color: rgb(0,170,189)} /* cyan blue */
.design-cat a:link{color: rgb(0,135,151)}
.methods-cat h2 a:link, .methods-cat h2 a:visited{color: rgb(238,113,151)}
.me-cat h2 a:link, .me-cat h2 a:visited{color: rgb(238,156,0)} /* orange */
.usability-cat h2 a:link, .usability-cat h2 a:visited{color:rgb(93,12,123)}
.cust-exp-cat h2 a:link, .cust-exp-cat h2 a:visited{color:rgb(223,0,41)}
.media-cat h2 a:link, .media-cat h2 a:visited{color:rgb()}
.ideas-cat h2 a:link, .ideas-cat h2 a:visited{color:rgb()}
.date{color:#ccc;font-weight:500;margin-left:.5em}
.postmetadata{margin:0;float:left;width:100%;clear:both}
.have-a-word{width:45%;float:left}
.read-more{float:left;margin-left:1em}
.latest-comment-link{background:#d2fbff;padding:2px 1em;width:45%;float:left}
.latest-comment{background:#D2FBFF; font-size:.85em;line-height:1.2em;padding:1em;margin-top:0;clear:both;width:100%}
#see-also{padding:0;margin:0;list-style-type:none}
#author, #email, #url{width:49%}
#comment{width:99%}
#footer {clear:left;float:left;width:100%;}
.navigation{width:330px;float:left}
#older, #newer {width:165px;float:left}
#info{margin:0;float:left;width:64%}