/*
Theme Name: Identity Works
Theme URI: http://www.identityworks.se/
Description: Tema för identityworks.se/bloggar
Version: 1.1
Author: Alexander Rydén
*/

#mainwrap .leftcolumn h3 a:hover { text-decoration: none; }
#mainwrap .leftcolumn p a { font-weight: bold; color: #333; text-decoration: none; }
#mainwrap .leftcolumn p a:hover { text-decoration: underline; }
#mainwrap .leftcolumn p.field { margin-bottom: 10px; }
#mainwrap .leftcolumn label { font-weight: normal; }
#mainwrap .leftcolumn select { margin-top: 4px; }
#mainwrap .leftcolumn .numcomments { margin-top: -10px; font-weight: bold; }

#mainwrap .contentcolumn { width: 540px; padding-right: 20px; }
#mainwrap .contentcolumn .leftcolumn { margin-left: -160px; padding-top: 0; }

#blogheader { width: 540px; height: 100px; overflow: hidden; margin-bottom: 20px; }

div.post { min-height: 300px; height: auto !important; height: 300px; margin-bottom: 20px; padding-bottom: 39px; border-bottom: 1px solid #DBDBDB; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 13px; color: #444; }
div.post h4 { font-family: Helvetica, Arial, sans-serif; font-size: 28px; line-height: 32px; }
div.post h4 a { color: #333; text-decoration: none; }
div.post h4 a:hover { text-decoration: underline; }
div.post p { line-height: 18px; }
div.post .categories { margin-bottom: 2px; font-size: 10px; color: #FFAF00; text-transform: uppercase; }
div.post .categories a { color: #FFAF00; text-decoration: none; }
div.post .byline { margin: -14px 0 10px; font-size: 10px; color: #666; font-weight: bold; }
div.post .byline .author { }
div.post .byline .date { font-size: 9px; font-weight: normal; color: #555; }
div.post .details { margin-top: 40px; font-size: 10px; font-weight: bold; color: #555; }
div.post .details a { color: #555; }
div.post .details a:hover { color: #777; }
div.post .details img.comments { vertical-align: middle; }
div.post .details .sharelinks { float: right; height: 18px; }
div.post .details .sharelinks a { display: block; float: left; width: 18px; height: 18px; overflow: hidden; padding-left: 2px; background-attachment: scroll; background-position: top left; background-repeat: no-repeat; text-indent: 18px; }
div.post .details .sharelinks a.facebook { background-image: url(/images/icon_facebook.gif); }
div.post .details .sharelinks a.twitter { background-image: url(/images/icon_twitter.gif); }
div.post .details a.commentsballoon { display: block; float: left; width: 26px; height: 19px; margin-top: 6px; padding-top: 1px; background: url(/images/comments_balloon.gif) scroll no-repeat top left; font-weight: bold; color: #FFF; text-align: center; }
div.post .details a.commentsballoon:hover { text-decoration: none; }
div.post .details a.commentslink { display: block; float: left; width: 106px; height: 19px; margin-top: 4px; margin-left: 5px; padding-top: 1px; background: url(/images/link_comments.gif) scroll no-repeat top left; text-align: center; }
div.post .details a.postcommentlink { display: block; float: left; width: 106px; height: 19px; margin-top: 6px; margin-left: 5px; padding-top: 1px; background: url(/images/link_postcomment.gif) scroll no-repeat top left; text-align: center; }

div.pagenav { clear: both; padding-top: 7px; text-align: center; }
div.pagenav a { margin: 0 3px; font-weight: bold; color: #333; text-decoration: none; }
div.pagenav a:hover { text-decoration: underline; }
div.pagenav a.current { font-weight: normal; color: #666; }
div.pagenav a.current:hover { text-decoration: none; }
div.pagenav .prev, div.pagenav .next { display: block; width: 100px; height: 23px; margin: -7px 0 0; padding-top: 7px; background: url(/images/button_bg.gif) scroll no-repeat top left; text-align: center; }
div.pagenav .prev:hover, div.pagenav .next:hover { background-position: 0 -30px; text-decoration: none; }
div.pagenav .prev { float: left; }
div.pagenav .next { float: right; }
div.pagenav .disabled { background-position: 0 -60px; color: #FFF; }
div.pagenav .disabled:hover { background-position: 0 -60px; cursor: default; }

div.comment { margin-bottom: 20px; padding-bottom: 19px; border-bottom: 1px solid #DBDBDB; }
div.comment .details { margin-top: 20px; color: #666; font-weight: bold; }

div.commentform { padding-bottom: 39px; border-bottom: 1px solid #DBDBDB; }
div.commentform .error { margin-bottom: 20px; padding: 10px; background-color: #FFEEEE; border: 1px solid #FF3333; color: #333; }
div.commentform .note { margin-bottom: 20px; padding: 10px; background-color: #F5F5F5; border: 1px solid #DBDBDB; color: #333; }
div.commentform .input, div.commentform textarea { border: 1px solid #DBDBDB; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #666; }
div.commentform .input { display: block; width: 300px; margin-bottom: 6px; padding: 2px; }
div.commentform textarea { width: 449px; padding: 2px 1px; }
div.commentform .questionbox { margin: 20px 0; padding: 10px; background-color: #F8F8F8; }
div.commentform .questionbox .question { margin-bottom: 4px; font-weight: bold; }
div.commentform .questionbox label { font-weight: normal; }
div.commentform .questionbox input { padding: 2px; border: 1px solid #DBDBDB; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #666; }
div.commentform .buttonbar input { float: none; }

#rightcolumn { float: left; width: 220px; overflow: hidden; padding-top: 19px; border-top: 1px solid #DBDBDB; }
#rightcolumn h4 { margin-bottom: 4px; font-size: 11px; font-weight: bold; }
#rightcolumn .box { margin-bottom: 10px; padding: 10px; background-color: #F1F1F1; border-top: 1px solid #BBB; border-bottom: 1px solid #DBDBDB; }
#rightcolumn #blogfeed h4 { margin-bottom: -6px; }
#rightcolumn #blogfeed .item { margin: 20px 0; padding-left: 28px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0px 2px; }
#rightcolumn #blogfeed .item a { display: block; margin-top: 2px; color: #222; text-decoration: underline; }
#rightcolumn #blogfeed .item a:hover { color: #555; }
#rightcolumn #blogfeed .item .service { font-weight: bold; color: #222; }
#rightcolumn #blogfeed .item .date { font-size: 9px; }
#rightcolumn #blogfeed .delicious { background-image: url(/images/icon_delicious.gif); }
#rightcolumn #blogfeed .flickr { background-image: url(/images/icon_flickr.gif); }
#rightcolumn #blogfeed .twitter { background-image: url(/images/icon_twitter.gif); }
#rightcolumn #blogfeed .twitter a { text-decoration: none; }
#rightcolumn #blogteasers a { display: block; width: 220px; margin-top: 10px; }

#footer .contentcolumn { width: 780px; padding-right: 0; border-right-width: 0; }