/*
  Author: Kenny Saunders
  Website: http://www.fortyeightdesigns.com
  Date: 2008-03-27
  Description: It's Cascading Salad Shoes duh!
  Reason: Because I like pizza Steve.
  Copyright (c) 2007 FortyEight Designs. All rights reserved.
*/

/* GLOBAL STYLES
--------------------------------------------------------------------------*/
body {
  background:#fff url('images/bg.jpg') fixed no-repeat center top;
  color:#474747; 
  font-family:Verdana, Arial, sans-serif;
  font-size:13px;
}
html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, button { 
  margin:0; padding:0; border:0; }
ul, ol, li { 
  list-style-type:none; 
  line-height:0; }
.clear { clear:both; }
a, button { outline:none; }
a { color:#77abbb; }
a:hover { text-decoration:none;color:#0b556a; }
legend { display:none; }
button { cursor:pointer;}




/* LAYOUT STYLES
--------------------------------------------------------------------------*/
h1 a {
  display:block;
  margin:0;
}
div#wrapper {
  background:url('images/top_bg.jpg') no-repeat right top;
  margin:0 auto;
  padding-left:160px;
  width:800px; 
  position:relative;
}
div#header {
  height:160px;
}
div#content {
  float:left;
}
div#content div#comments {
  padding-left:80px;
  background:url('images/bnr_comments.gif') no-repeat;
  width:460px;
}
div#sidebar {
  float:right;
  width:240px;
}
div#photos {
  padding:0 0 50px 0;
  margin-top:-10px;
}
div#lastfm {
 padding:0 0 50px 0; 
}
div#footer {
  clear:both;
  padding:50px 0 30px;
}






/* SECTION STYLES
--------------------------------------------------------------------------*/
div#header p {
  position:absolute;
  left:240px;
  line-height:30px;
}
p {
  line-height:20px;
  color:#999;
}
div#content p {
  color:#888;
  padding-bottom:24px;
}
div#content p.meta {
  font-size:11px;
  font-style:italic;
  color:#777;
  padding:0 0 14px 0;
}
div.first-post {
  margin-bottom:50px;
}
div.article {
  margin-bottom:24px;
  padding-left:80px;
  background:url('images/bnr_latestpost.gif') no-repeat;
  width:460px;
}

div.article span.callout, div#about-kenny div.col span.callout {
  float:left;
  width:260px;
  text-align:right;
  padding:10px 20px 10px 0;
  margin-left:-60px; 
  font:18px/28px Georgia, Times, seriff;
  color:#333;
}




/* ABOUT KENNY PAGE*/
div#about-kenny {
  float:left;
  padding-left:80px;
  background:url('images/bnr_aboutkenny.gif') no-repeat;
  width:480px;
  padding-bottom:40px;
}
div#about-kenny div.col {
  float:left;
  width:220px;
  padding-right:20px;
}
div#about-kenny div.col p {
  padding-bottom:20px;
  line-height:18px;
}
div#about-kenny div.col span.callout {
  width:160px;
}



/* SIDE BAR STYLES */
div#tweets {
  background:url('images/bg_twitter.gif') no-repeat;
  margin-top:-35px;
  padding:50px 0 50px 80px;
}
div#tweets p {
  font-size:11px;
  font-style:normal;
  line-height:14px;
  padding-bottom:10px;
}
div#tweets p em {
  display:block;
  font-size:10px;
  font-style:italic;
}


div.about div#subscribe {
  margin-left:-25px;
}
div#subscribe {
  background:url('images/bg_rss.gif') no-repeat;
  padding:40px 0 50px 80px;
}
div#subscribe ul li {
  padding-bottom:5px;
}

div#subscribe ul li a {
  padding-left:23px;
  line-height:16px;
  font-size:12px;
}
div#subscribe ul li.rss a {
  background:url('images/rss.gif') no-repeat; 
}  


div.row, div.first-post {
  clear:left;
  background:url('images/hr_swosh.gif') no-repeat 183px bottom;
}
div.row { clear:both; }
div.row div#recent-posts {
  padding:12px 20px 150px 80px;
  background:url('images/bnr_recentposts.gif') no-repeat;
  width:300px;
  float:left;
}
div.row div#recent-posts ul li a {
  line-height:20px;
  padding:0 0 7px 23px;
  display:block;
  background:url('images/bullet.gif') no-repeat;
}

div#sidebar div#recent-posts {
  padding:12px 0 50px 80px;
  background:url('images/bnr_recentposts.gif') no-repeat 20px top;
}
div#sidebar div#recent-posts ul li a {
  padding:0 0 7px 23px;
  background:url('images/bullet.gif') no-repeat;
  line-height:16px;
  font-size:11px;
  display:block;
  color:#aaa;
}
div#main-photo {
  margin-top:105px;
  background:url('images/bg_kennysaunders.jpg') no-repeat;
  padding-top:300px;
  padding-bottom:30px;
}
div#main-photo p {
  font-size:10px;
  font-style:italic;
  line-height:16px;
  padding:0 40px 20px 20px;
}



/*div#tweets p, div#lastfm p {
  font-size:11px;
  line-height:14px;
  padding:10px;
}
div#tweets em, div#lastfm em {
  display:block;
  font-size:10px;
  text-align:right;
  border-bottom:1px dotted #eee;
  padding-bottom:10px;
  color:#ccc;
}
div#lastfm li {
  line-height:14px;
  font-size:11px;
  color:#999;
  padding:10px;
  padding-bottom:10px;
}*/


div#footer div#tweets {
  float:left;
  width:460px;
  padding-right:100px;
}
div#footer div#about-kenny {
  padding:12px 80px 0 80px;
  height:250px;
  background:url('images/bnr_aboutkenny.gif') no-repeat;
  width:480px;
  float:left;
}
div#footer div#about-kenny img {
  float:left;
  border-right:11px solid #fff;
}
div#footer div#about-kenny p {
  font-size:11px;
  line-height:16px;
  padding-bottom:10px;
}

div#footer p.copyright { 
  font-size:10px; 
  line-height:12px;
  float:left;
  padding-top:60px;
  width:140px;
  
}
	
/* NAVIGATION STYLES
--------------------------------------------------------------------------*/
ul#main-nav {
  position:absolute;
  right:10px;
}
ul#main-nav li { 
  display:inline; 
}
ul#main-nav li a {
  color:#0b556a;
  font-size:15px;
  line-height:30px;
  height:40px;
  font-weight:normal;
  text-align:center;
  display:block;
  padding:0 20px 0 10px;
  float:left;
  text-decoration:none;
  background:url('images/nav_divider.gif') no-repeat right 9px;
}
ul#main-nav li a.last {
  background:none;
  padding-right:10px;
}
ul#main-nav li a.active {
  background:url('images/nav_hover.gif') no-repeat;
  color:#fff;
  width:55px;
  position:relative;
  margin-left:-11px;
  margin-right:-10px;
}
	

/* HEADING STYLES
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family:Georgia, Times, sans-serif;
  letter-spacing:-0.9px;
  font-weight:normal;
}
h1 {
  font:26px/30px Georgia, Times;
}
h2 {
  font:20px/20px Georgia, Times;
  padding-bottom:0px;
  color:#444;
  border-bottom:1px solid #eee;
}
h3 {
  margin-bottom:24px;
}

div#content h2, div#content h2 a, div#about-kenny h2 {
  font:24px/26px Georgia, Times;
  border:0;
  color:#222;
  text-decoration:none;
  margin:0 0 0px 0;
}
div#about-kenny h2 {
  padding-bottom:26px;
}
div#content div.article h2 { padding-top:15px; }
div#content h2 a:hover {
  text-decoration:underline;
  color:#0b556a;
}
div#sidebar h2 {
  margin:10px 0 ;
}

div#content div#comments h3 { 
  padding-top:15px; 
  padding-bottom:20px;
}
div#footer h3 { padding-top:12px; }
div#sidebar h3, div#footer h3, div.row div#recent-posts h3, div#work h3 {
  font-size:20px;
  line-height:26px;
  padding-bottom:10px;
  margin:0;
}
div#sidebar h3 em {
  display:block;
  text-align:left;
  font-style:normal;
  font:13px/14px Georgia, Times;
  color:#444;
  letter-spacing:0;
}  



/* PARAGRAPH STYLES / TEXT
--------------------------------------------------------------------------*/
div#content div.excerpt {
  padding-bottom:8px;
}
div#content div.excerpt p {
  font-style:italic;
  line-height:15px;
  font-size:11px;
  padding-bottom:15px;
  color:#777;
}	
	


/* LIST STYLES
--------------------------------------------------------------------------*/
ol.comments li {
  background:url('images/hr_swosh.gif') no-repeat right bottom;
  margin-bottom:44px;
  padding-bottom:20px;
  padding-left:20px; 
  padding-right:60px;
  clear:left;
}
ol.comments li.even {
  margin-top:-24px;
  padding-top:24px;
}
div#comments ol.comments p.meta {
  float:left;
  font-style:normal;
  line-height:18px;
  width:160px;
  padding-top:3px;
  padding-right:20px;
  margin-left:-40px;
  text-align:right;
}
div#comments ol.comments p.meta a {
  font-size:14px;
  color:#0b556a;
  font-family:Georgia, Times, serif;
  text-decoration:none;
}  


ol.post-list { margin:20px 0 30px; }
ol.post-list li {
  line-height:20px;
  list-style-type:decimal;
  margin-left:20px;
  border-bottom:1px dotted #ccc;
  padding-bottom:10px;
  margin-bottom:10px;
}
ol.post-list li a {
  font-size:15px;
}  
div#content ol.post-list li span {
  display:block;
}


div#content ul li {
  padding:0 0 7px 23px;
  background:url('images/bullet.gif') no-repeat;
  line-height:16px;
  font-size:11px;
  display:block;
  color:#777;
}


div#footer div#tweets ul li {
  line-height:14px;
  padding-bottom:14px;
  font-size:12px;
}
div#footer div#tweets ul li a.aktt_hashtag { color:#666; }
div#footer div#tweets ul li a.aktt_tweet_time { color:#666; }






/* FORM STYLES
--------------------------------------------------------------------------*/
div#form-wrapper {
  padding-left:80px;
  background:url('images/bnr_commentsform.gif') no-repeat;
  width:460px; 
}
fieldset#comment-form p {
  padding:0 0 14px 0;
  font-size:10px;
}
fieldset#comment-form p.error {
  margin:0;padding:0 0 0 160px;
  text-transform:uppercase;
  font-size:10px;
  color:#aa0000;
}
fieldset#comment-form label {
  display:block;
  float:left;
  text-align:right;
  padding-right:20px;
  width:140px;
  font-size:14px;
  font-family:Georgia, Times, sans-serif;
  font-weight:normal;
  color:#333;
}
fieldset#comment-form input, fieldset#comment-form textarea {
  width:230px;
  font-size:13px;
  background: url("images/input_bg.gif");
	border:1px #ccc solid;
	padding:4px;
}
fieldset#comment-form textarea {
  margin:0 0 0 80px;
  width:310px;
  height:120px;
}
fieldset#comment-form input:hover, fieldset#comment-form textarea:hover  {
	border:1px #77abbb solid;
}
fieldset#comment-form input:focus, fieldset#comment-form textarea:focus {
	border:1px #0b556a solid;
}
button#btn-comment {
  display:block;
  outline:none;
  background:url('images/btn_comment.gif') no-repeat;
  height:28px;
  width:162px;
  text-indent:-9999px;
}