/*
Theme Name:    james
Description:   The theme of jamescoletti.com
Version:       1.0
Author:        James Coletti
Author URI:    http://jamescoletti.com

Theme inspired by a tumblr theme. Will add credits.
*/

body {
   background:#FFFFFF url(http://assets.tumblr.com/images/x.gif) repeat fixed left top;
   color:#3E3E3E;
   font-family:Verdana,"Lucida Grande",Helvetica,Arial,sans-serif;
   font-size:11px;
   line-height:1.6em;
   margin:0;
}

img {-ms-interpolation-mode:bicubic; border:0;}

.alignright {float:right; margin:0 0 1em 1em;}
.alignleft {float:left;; margin:0 1em 1em 0;}

hr {border:1px solid #CCC; height:1px; margin-bottom:15px;}

p {letter-spacing:-0.01em; margin:0 0 1.5em;}
strong {font-weight:bold;}

a {color:#2786C2; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:none; color:#F75342;}

em {font-style:italic;}

li {
   margin:0 0 0.5em; line-height:1.8em;
}

.clearfix {display:inline-block;}
.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content: ".";}

h1, .h1 {
   font-family:Helvetica,Arial,sans-serif;
   font-size:30px;
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1em;
   margin:0 0 0.5em;
}

.h1 {display:block;}

h2, .h2 {
   font-family:Helvetica,Arial,sans-serif;
   font-size:1.6em;
   font-weight:bold;
   letter-spacing:-1px;
   margin-bottom:10px;
}

.home h2, .home .h2 {margin-bottom:0;}

#wrap {
   margin:3em auto;
   position:relative;
   background:transparent;
   text-align:left;
   width:850px;
}

ul.post-list li {
   margin-bottom:3em;
   position:relative;
}

ul.post-list blockquote {
   font-family:Georgia,serif;
   font-size:1.4em;
   display:inline;
   font-style:italic;
   line-height:22px;
   color:#666;
   font-style:italic;
}
ul.post-list cite {
   font-weight:bold;
   color:#333;
}

ul.post-list time {
   border-right:1px solid #eee;
   font-family:'Lucida Grande',Verdana,Arial,sans-serif;
   left:-65px;
   line-height:1.3;
   position:absolute;
   text-align:right;
   top:0;
   width:40px;
   font-size:9px;
   color:#999;
   padding:0 12px 12px 0;   
}

ul.post-list time .month {
   text-transform:uppercase;
}
ul.post-list time .year {
   color:#bbb;
}

#content ul.post-categories {padding:0;}
#content ul.post-categories a:hover {text-decoration:underline;}

.post-meta, .post-meta time {
   margin-top:0.5em;
   color:#969696;
   font-family:'Lucida Grande',Verdana,Arial,sans-serif;
   font-size:9px;
   letter-spacing:0.05em;
   line-height:normal;
   text-transform:uppercase;
}
.post-meta a {
   letter-spacing:0.01em;
}

.post-meta time {
   display:block;
   background:transparent;
   text-shadow:none;
   padding:0;
}

#sidebar {
   width:230px;
   margin-right:8em;
   float:left;
}

#sidebar li.reading {
   border-top:1px solid #eee;
   margin-top:15px;
   padding-top:15px;
}

#content {
   float:left;
   width:520px;
   margin-bottom:3em;
}

#content ul, #content ol {
   margin:0 0 2em;
   padding:0 0 0 2em;
}

#content .entrytext ul, #content .entrytext ol {
   list-style-type:disc;
}

#content .entrytext ul li, #content .entrytext ol li {
   margin-bottom:0.25em;
}

#content h1 {
   margin-bottom:0.25em;
}

#content .entrytext blockquote {
   background:#f1f1f1;
   font-size:1.4em;
   color:#666;
   line-height:1.6em;
   letter-spacing:-0.05em;
   font-style:italic;
   font-family:Georgia,serif;
   display:block;
   padding:1em 1em 0.2em;
   margin-bottom:1.5em;
}

#content .entrytext blockquote p {
   margin-bottom:0.8em;
}

#feature {
   width:230px;
   height:230px;
   margin-bottom:3.5em;
   position:relative;
   -moz-box-shadow:1px 1px 4px #666;
   -webkit-box-shadow:1px 1px 4px #666;
   box-shadow:1px 1px 4px #666;
}

#feature a.photo {
   display:block;
   background-repeat:no-repeat;
   background-position:center center;
   overflow:hidden;
   width:230px;
   height:230px;
   position:absolute;
   border-collapse:collapse;
}

#feature a.photo span {
   background:#000;
   bottom:30px;
   color:#fff;
   left:0;
   font-family:Georgia,serif;
   font-style:italic;
   font-weight:normal;
   letter-spacing:0.03em;
   padding:0.5em 0.7em;
   position:absolute;
   max-width:165px;
   line-height:1.6;
   opacity: 0.75; /* Standard: FF gt 1.5, Opera, Safari */
   filter: alpha(opacity=75); /* IE lt 8 */
   -ms-filter: "alpha(opacity=75)"; /* IE 8 */
   -khtml-opacity: 0.75; /* Safari 1.x */
   -moz-opacity: 0.75; /* FF lt 1.5, Netscape */
}

#feature a.photo:hover span {
   color:#fff;
   background:#000;
   opacity: 0.85; /* Standard: FF gt 1.5, Opera, Safari */
   filter: alpha(opacity=85); /* IE lt 8 */
   -ms-filter: "alpha(opacity=85)"; /* IE 8 */
   -khtml-opacity: 0.85; /* Safari 1.x */
   -moz-opacity: 0.85; /* FF lt 1.5, Netscape */
}

#feature a.photo span b {
   font-family:Helvetica,Arial,sans-serif;
   text-transform:uppercase;
   font-style:normal;
   font-weight:normal;
   font-size:9px;
   color:#666;
   letter-spacing:0.05em;
}

#feature span.flickr {
   bottom:-25px;
   letter-spacing:-0.01em;
   padding:1px 0 3px;
   position:absolute;
   z-index:10;
   font-size:0.8em;
   -moz-border-radius-bottomleft:6px;
   -moz-border-radius-bottomright:6px;
   -webkit-border-bottom-left-radius:6px;
   -webkit-border-bottom-right-radius:6px;
   -khtml-border-radius-bottomleft:6px;
   -khtml-border-radius-bottomright:6px;
   border-bottom-left-radius:6px;
   border-bottom-right-radius:6px;
}

#feature span.flickr a {
  color:#aaa;
  padding-bottom:1px;
}

#feature span.flickr a:hover {color:#999;}

#feature span.flickr a span.flickr-l1 {color:#2f6dd8}
#feature span.flickr a span.flickr-l2 {color:#e84185}

#err404 {
   width:350px;
   margin:6em auto 0;
}

.post .entrytext p {
   line-height:1.8em;
}

.post-head {margin-bottom:1.5em;}

.tweetcomments_btn {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:url("http://s.twimg.com/a/1272578449/images/buttons/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;
border-color:#DDDDDD #DDDDDD #CCCCCC;
border-style:solid;
border-width:1px;
color:#333333;
cursor:pointer;
font:11px/14px "Lucida Grande",sans-serif;
margin:0;
overflow:visible;
padding:5px 12px 5px;
text-shadow:1px 1px 0 #FFFFFF;
width:auto;
}
.tweetcomments_btn:hover {
   background-position:0 -6px;
   border-color:#999 #999 #888;
   color:#000;
   text-decoration:none;
}
.tweetcomments_btn:active {
   background-image:none;
   outline:medium none;
   text-shadow:none;
}