body { background: url(http://img.jonleverrier.com/tumblr/img/bg_1.jpg) #0084b5 top fixed repeat-x; font-family: Helvetica, Arial, sans-serif; }

/* generic */
* { margin: 0px; padding: 0px; }
.clear { clear: left; }
img { border: 0px; }

/* padding */
.padding_lr_15px { padding: 0px 15px 0px 15px; float: left; }
.padding_trbl_15px { padding: 15px 15px 15px 15px; float: left; }
.padding_rbl_15px { padding: 0px 15px 15px 15px; float: left; }


/* template */
#pagewidth { width: 975px; margin: 0 auto; position: relative; }
#sec_intro { width: 530px; float: left; position: fixed; }
#sec_intro header { width: 500px; height: 130px; float: left; background: url(../img/logo_header.png) no-repeat; }
#sec_intro header h1 { display: none; }

#sec_intro .col1 { width: 235px; float: left; }
#sec_intro .col1 .intro p { font-size: 12px; line-height: 22px; margin-bottom: 15px; float: left; }
#sec_intro .col1 .intro p a { color: #000; text-decoration: none; border-bottom: 1px dashed #7ed8fa; -webkit-transition: color 0.3s linear; }
#sec_intro .col1 .intro p a:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }

#sec_intro .col1 .list { width: 235px; float: left; margin-top: 10px; }
#sec_intro .col2 { width: 235px; margin-left: 22px; margin-top: 3px; float: left; }

.list h2 { font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 15px; float: left; }
.list ul { width: 235px; list-style: none; font-size: 12px; float: left; }
.list ul li { width: 235px; border-bottom: 1px solid #000; float: left; }
.list a { display: block; width: 227px; color: #000; text-decoration: none; padding: 8px 0px 8px 8px; float: left; -webkit-transition: background-color 0.3s linear; }
.list a:hover { display: block; color: #000; background: #fff; }
#prev-next { width: width: 235px; float: left; margin-top: 30px; font-size: 12px; }
#prev-next a { padding: 8px 0px 8px 8px; display: block; width: 227px; background: #002b3c; color: #999999; text-decoration: none; }
#prev-next a:hover { padding: 8px 0px 8px 8px; display: block; width: 227px; background: #fff; color: #000; text-decoration: none; -webkit-transition: background-color 0.3s linear; }
#prev-next p { margin-top: 15px; }
#prev-next .h { color: #7ed8fa; background:#0077a2; padding: 3px; }


#sec_intro .col1 ul a.twitter { background: url(http://img.jonleverrier.com/tumblr/img/ico_twitter.gif) left no-repeat; background-position: 10px 7px; padding: 8px 0px 8px 35px; width: 200px; }
#sec_intro .col1 ul a.twitter:hover { background: url(http://img.jonleverrier.com/tumblr/img/ico_twitter.gif) #fff left no-repeat; background-position: 10px 7px; }
#sec_intro .col1 ul a.delicious { background: url(http://img.jonleverrier.com/tumblr/img/ico_delicious.gif) left no-repeat; background-position: 10px 7px; padding: 8px 0px 8px 35px; width: 200px; }
#sec_intro .col1 ul a.delicious:hover { background: url(http://img.jonleverrier.com/tumblr/img/ico_delicious.gif) #fff left no-repeat; background-position: 10px 7px;  }
#sec_intro .col1 ul a.facebook { background: url(http://img.jonleverrier.com/tumblr/img/ico_facebook.gif) left no-repeat; background-position: 10px 7px; padding: 8px 0px 8px 35px; width: 200px; }
#sec_intro .col1 ul a.facebook:hover { background: url(http://img.jonleverrier.com/tumblr/img/ico_facebook.gif) #fff left no-repeat; background-position: 10px 7px;  }
#sec_intro .col1 ul a.lastfm { background: url(http://img.jonleverrier.com/tumblr/img/ico_lastfm.gif) left no-repeat; background-position: 10px 7px; padding: 8px 0px 8px 35px; width: 200px; }
#sec_intro .col1 ul a.lastfm:hover { background: url(http://img.jonleverrier.com/tumblr/img/ico_lastfm.gif) #fff left no-repeat; background-position: 10px 7px;  }
#sec_intro .col1 ul a.flickr { background: url(http://img.jonleverrier.com/tumblr/img/ico_flickr.gif) left no-repeat; background-position: 10px 7px; padding: 8px 0px 8px 35px; width: 200px; }
#sec_intro .col1 ul a.flickr:hover { background: url(http://img.jonleverrier.com/tumblr/img/ico_flickr.gif) #fff left no-repeat; background-position: 10px 7px;  }
#sec_intro .col1 ul a.jl { background: url(http://img.jonleverrier.com/tumblr/img/ico_jl.gif) left no-repeat; background-position: 10px 7px; padding: 8px 0px 8px 35px; width: 200px; }
#sec_intro .col1 ul a.jl:hover { background: url(http://img.jonleverrier.com/tumblr/img/ico_jl.gif) #fff left no-repeat; background-position: 10px 7px;  }

#copyright { font-size: 11px; color: #fff; width: 500px; float: left; position: absolute; top: 615px; }
#copyright a { color: white; text-decoration: none; border-bottom: 1px dashed #fff; }
#copyright a:hover { color: #7ed8fa; text-decoration: none; border-bottom: 1px dashed #7ed8fa; }



#wrap_pad { width: 430px; margin-top: 125px; float: left; }
#sec_blog { width: 430px; float: left; background: url(../img/blog_bg.png) repeat-y; position: absolute; right: 15px; }
#sec_blog .post { width: 430px; float: left; margin: 0px 0px 30px 0px; padding: 0px; }
#sec_blog .post header { width: 400px; float: left; padding-bottom: 15px; }

.post header .title { width: 330px; float: left; }
.post header .title h1 { font-size: 22px; color: #fff; }
.post header .title h1 a { color: #7ed8fa; text-decoration: none; -webkit-transition: color 0.3s linear; }
.post header .title h1 a:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }
.post header .date { width: 66px; background: #000; color: #fff; float: right; }
.post header .date p { font-size: 14px; color: #CCC; padding: 5px; }
.post header .date p em { font-style: normal;}



#sec_blog .post hr { display: none; }
#sec_blog .post .postid { width: 400px; font-size: 11px; float: left; padding-left: 0px; margin-left: 0px; }
#sec_blog .post .postid a { color: #7ed8fa; text-decoration: none; }
#sec_blog .post .postid a:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #999; }
#sec_blog .post footer { width: 430px; background: #002b3c; float: left; }
#sec_blog .post footer p { font-size: 11px; color: #999999; }
#sec_blog .post footer p a { color: #999; text-decoration: none; }
#sec_blog .post footer p a:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }

#footer-back { font-size: 11px; color: #999999; width: 430px; background: #000; float: left; }
#footer-back a { color: #7ed8fa; text-decoration: none; }
#footer-back a:hover { color: #fff; text-decoration: none; border-bottom: 1px dashed #999; }

#footer-back strong { font-weight: normal; }

.note .content { width: 400px; float: left; }
.note .content p { width: 400px; font-size: 14px; color: #bfbfbf; line-height: 22px; margin-bottom: 15px; float: left; }
.note .content p a, .note .content ul a { color: #7ed8fa; text-decoration: none; -webkit-transition: color 0.3s linear; }
.note .content p a:hover, .note .content ul a:hover { color: #fff; border-bottom: 1px dashed #fff; }
.note .content p b { color: white; }
.note .content ul { width: 380px; margin-left: 18px; font-size: 14px; color: #bfbfbf; margin-bottom: 15px; float: left; }
.note .content ol { width: 380px; margin-left: 21px; font-size: 14px; color: #bfbfbf; margin-bottom: 15px; float: left; }
.note .content li { margin-bottom: 5px; }

.quote header .title h1 { background: url(../img/quote_start.png) top left no-repeat; padding-top: 50px; }
.quote .content p { color: #bfbfbf; width: 400px; background: url(../img/quote_end.png) bottom right no-repeat; padding-top: 20px; margin-bottom: 15px; }

.picture .content .padding_trbl_15px { padding: 15px 15px 0px 15px;	background: white; float: left; margin-bottom: 15px; }
.picture .content .padding_trbl_15px p { padding-bottom: 12px; }

.pictureset .content .padding_trbl_15px { padding: 15px 15px 12px 15px; background: #000; float: left; margin-bottom: 15px; }
.pictureset .content .padding_trbl_15px p { padding-bottom: 0px; }

.media .content .padding_trbl_15px { padding: 15px 15px 0px 15px; background: #000; float: left; margin-bottom: 15px; }
.media .content .padding_trbl_15px p { padding-bottom: 12px; }