/*
Theme Name: Hesselbom
Theme URI: http://hesselbom.se
Description: Theme for Hesselbom.se
Author: Staffan Hesselbom
Version: 0.4
Tags: 
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/* Hesselbom.se CSS */

body { background:url(img/background-body.png) repeat-x left 60px #dfdbc5; font-size: 62.5%; margin-top:77px; font-family:Arial, Helvetica, sans-serif; color:#1a1a1a; }

a { color:#0e3a53; text-decoration:none; }
a:hover { color:#8a0f12; text-decoration:underline; }

/* div.entry-content .ingress { font-size:1.3em; line-height:1.3em; font-weight:bold; } */

.textwidget p, .entry-content p { margin-bottom:0.7em; } 

#wrapper { background:url(img/background-footer.png) no-repeat bottom right;  position:relative; margin: 0 2em -72px; }
#header { width:980px; margin:0 auto 10px; }
#nav { margin:auto; text-align:center; margin-bottom:2em; }
#nav ul { }
#nav ul li {  display:inline; padding:0 2em; background-image:none;  }
#nav ul li a { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; color:#dfdbc5; font-weight:bold; font-style:italic; text-decoration:none; text-shadow:1px 1px 1px #320203; }
#nav ul li a:hover { color:#eeecdd; text-shadow:2px 2px 2px #320203; position:relative; top:-1px; left:-1px; }
#nav ul li.current_page_item a { color:#d19b2d; }

#tags { text-align:center; vertical-align:middle; display:table-cell; width:1100px; height:60px; line-height:2.4em;}
#tags a { font-size:1.8em; color:#dfdbc5; margin:0 1em; text-decoration:none; text-shadow:1px 1px 1px #815b0d; }
#tags a:hover { color:#eeecdd; }

#search { padding-top:10px; margin:auto; width:980px; }
#search #searchform #s { width:980px; border:none; background-color:#334409; border-radius:10px; font-size:1.8em; padding:0.5em 1em; color:#839850;
border-top:1px solid #253204; border-left:1px solid #253204; border-bottom:1px solid #516719; border-right:1px solid #516719;
}

#search404 #searchform #s { margin-top:2em; width:360px; border:none; background-color:#D7D3BD; border-radius:10px; font-size:inherit; padding:0.5em 1em; color:#333;
border:1px solid #E5E1CE; }


#contentWrapper { width:980px; margin:auto; overflow:auto; padding:40px 0 140px 0; }
#content { width:600px; float:left; min-height:600px; font-size:1.3em; line-height:1.3em; }
#sidebars { background-color:#eeecdd; border-top:5px solid #e7e5d3; border-left:5px solid #e7e5d3; border-right:5px solid #e7e5d3; overflow:auto; width:280px; float:right; }
#primary {  }
#footer { background-color:#1a1a1a; min-height:200px; padding:5em 0; }
#footer-widget-area { overflow: hidden; width:980px; margin:auto; z-index:110; position:relative; padding-bottom:2em; }
#footer-widget-area .widget-area { float: left; }
/* #footer-widget-area #third { margin-right: 0; } */
#footer-widget-area .widget-container { border:none; color:#666; padding:0; }
#footer-widget-area .widget-container a { color:#666; line-height:normal; }
#footer-widget-area .widget-container a:hover { color:#8a0f12; }
#footer-widget-area h3.widget-title { font-size:1.65em; line-height:normal; font-weight:normal; text-shadow:none; margin-bottom:0.5em;  }
#footer-widget-area  .widget_recent_entries ul li, #footer-widget-area  .widget-archive ul li { margin-bottom:0.5em; }

#first { margin-right: 20px; width:360px;  }
#second { margin-right: 20px; width:260px; }
#footerCat {   margin-right: 20px; width: 120px; }
#footerTweet { width: 180px; }
p.followmytweets { font-weight:bold; margin-top:1em; }

.imgBorder { border:5px solid #E7E5D3; }
.addthis_container { margin-top:2em; }

/* Post */
.post {  margin-bottom:4em;  } /* background-color:#eeecdd; border:5px solid #e7e5d3; padding:1.5em 2em; */
.entry-title {  color:#444540; font-size:2.6em; font-weight:normal; letter-spacing:-0.05em; line-height:normal; text-shadow:0 1px 0 #efede1; margin:0.4em 0 0.2em 0; }
.entry-title a { color:#444540; text-decoration:none; }
.entry-title a:hover { color:#8a0f12; }

.postimage { position:relative; }
.postmeta {  font-size:0.85em; color:#eeecdd; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 10px; position:absolute; top:0; left:0; display:inline; background: rgba(0, 0, 0, 0.5); height:195px; width:90px; }
.postmeta a { color:#eeecdd; text-decoration:none; }
.postmeta a:hover { text-decoration:underline; }

.postmeta h5 { font-weight:normal; margin-top:8px; font-style:italic; }
ul.tags { height:110px; }

.category-twitter .postimage { background-image:url(img/twitter.png); background-repeat:no-repeat; height:205px; width:600px; border-top:5px solid #0e3a53; box-shadow: 1px 1px 2px #666; }
.category-shoutouts .postimage { background-image:url(img/shoutouts.png); background-repeat:no-repeat; height:205px; width:600px; border-top:5px solid #0e3a53; box-shadow: 1px 1px 2px #666 }


span.entry-meta { padding:5px; background-color:#8a0f12; font-size:0.85em; color:#eeecdd; font-family:Georgia, "Times New Roman", Times, serif; }
span.entry-meta a { color:#eeecdd; text-decoration:none;}

.attachment-post-thumbnail { border-top:5px solid #0e3a53; box-shadow: 1px 1px 2px #666; }

a.more-link { background-color:#0e3a53; color:#eeecdd; text-decoration:none; font-weight:bold; padding:0.5em 1em; font-style:italic; display:block; width:9em; text-align:center; margin-top:2em; }
a:hover.more-link { background-color:#134968; text-decoration:underline; }



#nav-below { overflow:auto; padding:0.5em; margin:0 0 4em 0; display:none; }
#nav-below .nav-previous { float:left; }
#nav-below .nav-next { float:right; }
#nav-below a { color:#0e3a53;  font-weight:bold; font-size:0.9em; }

/* Widgets */
.widget-container { font-size:1.2em; line-height:1.5em; padding:2em; border-bottom:5px solid #e7e5d3; }
h3.widget-title { font-size:1.4em; line-height:normal; font-weight:normal; text-shadow:0 1px 0 #fff; margin-bottom:0.2em; }



/* Widgtet shoutouts */
.cat-post-item { margin-bottom:1.2em; padding-bottom:1.2em; }
.cat-post-item h4 {  color:#455b10; font-size:1.2em; font-weight:bold; line-height:normal; text-shadow:0 1px 0 #efede1; margin:0.2em 0 0.4em 0; clear:both; }
.cat-post-item h4  a { color:#455b10; text-decoration:none; }
.cat-post-item h4  a:hover { color:#8a0f12; }
.cat-post-item p.post-date {  font-size:1em; color:#b8b6a7; font-family:Georgia, "Times New Roman", Times, serif; padding: 0; float:left; margin-bottom:0.2em; }
.cat-post-item p.comment-num { float:right; font-size:0.85em; color:#b8b6a7; font-family:Georgia, "Times New Roman", Times, serif; padding: 0; font-style:italic; }
.cat-post-item p a { background-color:#0e3a53; color:#eeecdd; text-decoration:none; font-weight:bold; padding:0.25em 0.5em; font-style:italic; display:block; width:9em; text-align:center; margin-top:1em; font-size:0.85em; }
.cat-post-item p a:hover { background-color:#134968; text-decoration:underline; }


/* Widget categories */

li.widget_categories { overflow:auto; }
li.widget_categories ul li { float:left; width:50%; margin-bottom:0.4em; }


body.single .category-shoutouts .postimage { margin-bottom:-1em; }
body.single .category-shoutouts .postimage .postmeta br { float:left; }
body.single .category-shoutouts .postimage .postmeta {  font-size:0.85em; color:#eeecdd; font-family:Georgia, "Times New Roman", Times, serif; padding:0; position:relative; display:inline; background: none; color:#9c9986; }
body.single .category-shoutouts .postimage .postmeta a { color:#9c9986; text-decoration:none; }
body.single .category-shoutouts .postimage .postmeta a:hover { text-decoration:underline; }


/* Images styleing from within WP */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

h1.page-title { font-weight:normal; font-size:1.6em; font-style:italic; color:#d19b2d; line-height:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0 1px 0 #efede1; }

/* Comments design */
h3#comments-title { color:#d19b2d; font-size:1.6em; font-weight:normal; letter-spacing:-0.05em; line-height:normal; text-shadow:0 1px 0 #efede1; margin:0.4em 0 1em 0;}

.commentlist li { padding: 1em; margin-bottom:1em; border:2px solid #E7E5D3;  box-shadow: 1px 1px 2px #cbc7b2; }
#respond { padding: 2em 1em 1em; margin-bottom:1em; margin-top:2em;  }
#reply-title { font-weight:normal; font-size:1.6em; font-style:italic; color:#d19b2d; line-height:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0 1px 0 #efede1; }

#commentform input, #commentform textarea { display:block; border:1px solid #e5e1ce; background-color:#d7d3bd; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333; padding:0.3em; width:400px; }
#commentform p { margin:0.4em 0; }
.form-allowed-tags { display:none; }
#commentform #submit { width:110px; background-color:#8a0f12; border-radius:6px; border:none; color:#dfdbc5; font-weight:bold; font-size:0.9em; padding:0.6em; box-shadow: -1px -1px 5px rgba(0,0,0,.5) inset, 1px 1px 5px rgba(255,255,255,.5) inset, 1px 1px 10px rgba(0,0,0,.15); margin-top:1em; }

/* Tweets */
.aktt_tweet_digest li { margin-bottom:1em; list-style-image:url(img/small-star.png); list-style-position:outside; margin-left:25px;  }


/* Related links */
.relatedLinks li { margin-bottom:0.5em; list-style-image:url(img/small-star.png); list-style-position:outside; margin-left:25px;  }
.relatedLinksHeader { margin:1.8em 0 0.5em 0; color:#455b10;  }

/* CSS3 hacks */
#search #searchform #s { -moz-border-radius:10px; -webkit-border-radius:10px; }
#search404 #searchform #s { -moz-border-radius:10px; -webkit-border-radius:10px; }
.attachment-post-thumbnail, .category-twitter .postimage, .category-shoutouts .postimage { -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; }
.commentlist li { -moz-box-shadow: 1px 1px 2px #cbc7b2; -webkit-box-shadow: 1px 1px 2px #cbc7b2; }
#commentform #submit { -moz-border-radius:6px; -moz-box-shadow: -1px -1px 5px rgba(0,0,0,.5) inset, 1px 1px 5px rgba(255,255,255,.5) inset, 1px 1px 10px rgba(0,0,0,.15); -webkit-border-radius:6px; -webkit-box-shadow: -1px -1px 5px rgba(0,0,0,.5) inset, 1px 1px 5px rgba(255,255,255,.5) inset, 1px 1px 10px rgba(0,0,0,.15); }
#nav ul li a { -moz-text-shadow:1px 1px 1px #320203; -webkit-text-shadow:1px 1px 1px #320203; }
#nav ul li a:hover { -moz-text-shadow:2px 2px 2px #320203; -webkit-text-shadow:2px 2px 2px #320203; }
#tags a { -moz-text-shadow:1px 1px 1px #815b0d; -webkit-text-shadow:1px 1px 1px #815b0d; }
#footer-widget-area h3.widget-title { -moz-text-shadow:none; -webkit-text-shadow:none; }
.entry-title { -moz-text-shadow:0 1px 0 #efede1; -webkit-text-shadow:0 1px 0 #efede1; }
h3.widget-title { -moz-text-shadow:0 1px 0 #fff; -webkit-text-shadow:0 1px 0 #fff; }
.cat-post-item h4 { -moz-text-shadow:0 1px 0 #efede1; -webkit-text-shadow:0 1px 0 #efede1; }
h1.page-title { -moz-text-shadow:0 1px 0 #efede1; -webkit-text-shadow:0 1px 0 #efede1; }
h3#comments-title { -moz-text-shadow:0 1px 0 #efede1; -webkit-text-shadow:0 1px 0 #efede1; }
#reply-title { -moz-text-shadow:0 1px 0 #efede1; -webkit-text-shadow:0 1px 0 #efede1; }