/*  
http://www.perssonstefan.se
*/

html { font-size: 100.1%; }
* { margin: 0; padding: 0; }
body { background: #FFF url(images/bg.gif) repeat; color: #333; font-size: 1em; font-family: Georgia, Times New Roman, Times, serif; }

/* ---------->>> Top <<<-----------*/
#top { height: 4.0625em; background: #F1EFE7 url(images/top.png) top left repeat-x; }
#top #top-inner { width: 53.75em; margin: 0 auto; }
#top #top-inner #skip { float: left; margin: 1.6875em 0 0; }
#top #top-inner #skip li { color: #555; font-size: 0.6875em; line-height: 1.5em; float: left; margin: 0.3125em 0.625em 0 0; }
#top #top-inner #skip li a { background: url(images/skip.gif) top right no-repeat; color: #555; text-decoration: none; border: 0; padding: 0 0.9375em 0 0; }
#top #top-inner #skip li a:hover { background: url(images/skip-h.gif) top right no-repeat; color: #222; }
#top #top-inner #search-form { font-size: 0.6875em; float: right; margin: 2.5em 0 0; }
#top #top-inner #search-form label { display: none; }
#top #top-inner #search-form input.txt { width: 18.5em; background: #FFF; color: #888; display: inline; vertical-align: middle; border: 1px solid #CCC; padding: 0.125em; }
#top #top-inner #search-form input.btn { font-size: 1.2em; vertical-align: middle; margin: 0; }

/* ---------->>> Container <<<-----------*/
#container { width: 53.75em; margin: 0 auto; padding: 3.75em 0 2em; }

/* ---------->>> Header <<<-----------*/
#header { margin: 0 0 4.375em; }
#header #logo { float: left; margin: 0 0.125em 0 0; }
#header #logo a { width: 5.6875em; height: 7.1875em; background: url(images/stefan-persson.gif) top left no-repeat; display: block; text-indent: -9999px; border: 0; }
#header #description { width: 47.8125em; background: url(images/desc-bg.png) 0 1.5625em no-repeat; float: left; margin: 1.375em 0 0; }
#header #description #description-inner { background: url(images/desc-inner-bg.png) repeat; border-bottom: 0.0625em solid #DAF0F8; margin: 0 0 0 18px; padding: 0.8125em 0.9375em; }
#header #description #description-inner p { color: #111; margin: 0; }
#header #description #description-inner p span { font-size: 2.3125em; font-weight: 600; line-height: 1em; }
#header #description #description-inner p a { font-size: 1.3125em; font-weight: 600; }


/* ---------->>> Content <<<-----------*/
#content { margin: 0 0 2.5em; }

/* ---------->>> Content-Primary <<<-----------*/
#content-primary { width: 31.875em; float: left; }

/* ---------->>> Content-Secondary <<<-----------*/
#content-secondary { width: 18.75em; float: right; }

/* ---------->>> Footer <<<-----------*/
#footer { background: url(images/footer.gif) top left no-repeat; padding: 3em 0 0; }
#footer ul { font-size: 0.6875em; line-height: 1.5em; float: left; }
#footer ul li { background: url(images/footer-li.gif) center right no-repeat; color: #999; display: inline; margin: 0 0.25em 0 0; padding: 0 0.875em 0 0; }
#footer ul li a { color: #999; }
#footer ul li a:hover { color: #97570C; }
#footer ul li#last { background: none; }
#footer p { color: #999; font-size: 0.6875em; float: right; margin: 0; }
#footer p a span#black { color: #000; }
#footer p a span#blue { color: #045AA7; }

/* ---------->>> Misc <<<-----------*/
a:link, a:visited { color: #D15C00; text-decoration: none; border-bottom: 1px solid #DDD; }
a:hover { color: #97570C; border-bottom: 1px solid #D15C00; }
a img { border: 0; }

#content-secondary a { color: #666; border-bottom: 1px solid #DDD; }
#content-secondary a:hover { color: #97570C; border-bottom: 1px solid #D15C00; }

h1 { color: #000; font-size: 1.75em; font-family: 'palatino linotype', palatino; font-weight: 600; line-height: 1em; margin: 0 0 0.75em; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #000; border: 0; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #888; }

#content-secondary h4, #content-secondary h5 { color: #333; font-size: 110%; font-weight: 400; font-variant: small-caps; line-height: 1.5em; letter-spacing: 0.0625em; margin: 0 0 0.5em; }
#content-secondary h5 { margin: 0 0 0.25em; }

p { font-size: 0.75em; line-height: 1.5em; margin: 0 0 1.5em; }
p.senaste { font-size: 110%; font-weight: 400; font-variant: small-caps; line-height: 1.5em; letter-spacing: 0.0625em; margin: 0 0 0.5em; }

ul, li { list-style: none; }

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

/* ---------->>> Lifestream <<<-----------*/
ul#lifestream { margin: 0 0 0.5em; }
ul#lifestream li { width: 15.3125em; float: left; margin: 0 1.25em 1.5625em 0; }
ul#lifestream li.last { margin-right: 0; }
ul#lifestream li .entry { height: 15.5em; height: auto !important; min-height: 15.5em; background: url(images/diag-bg.gif) repeat; border: 0.0625em solid #F7F7F7; position: relative; overflow: hidden; margin: 0 0 0.375em; padding: 0.625em; }
ul#lifestream li .entry h2, ul#lifestream li .entry h3 { color: #000; font-size: 1.125em; font-family: 'palatino linotype', palatino; font-weight: 600; line-height: 1em; margin: 0 0 0.75em; }
ul#lifestream li .entry a.flickr-img { height: 15.5em; display: block; overflow: hidden; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-transition-property: background-color, color, text-shadow; }
ul#lifestream li .entry a.flickr-img img { width: 12em; display: block; margin: 0 auto; }
ul#lifestream li .entry cite.avatar { display: block; padding: 0 0 5px; }
ul#lifestream li .entry cite.avatar img { display: block; border: 4px solid #FFF; }
ul#lifestream li .entry .speech_tail { height: 1.1875em; background: url(images/speech_tail.gif) no-repeat; }
ul#lifestream li .entry .speech_bubble { background: #EAFAFD; font-size: 0.75em; line-height: 1.5em; border: 1px solid #B6D8DE; border-width: 0 1px 1px 1px; overflow: hidden; padding: 10px; }    
p.flickr-text { background: url(images/transparent.png) repeat; color: #AAA; bottom: -0.6875em; left: 10px; right: 10px; position: absolute; padding: 0.3125em 0.5em; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; }
p.flickr-text a { color: #FFF; border-color: #AAA; }
p.flickr-text a:hover { border-color: #FFF; }
.entry-info { color: #999; font-size: 0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.entry-info .category { float: left; }
.entry-info .category a { width: 2em; height: 2em; display: block; text-indent: -9999px; border: 0; }
.entry-info .category a.flickr-category { background: url(images/flickr.gif) top left no-repeat; }
.entry-info .category a.jaiku-category { background: url(images/jaiku.gif) top left no-repeat; }
.entry-info .category a.sp-category { background: url(images/sp.gif) top left no-repeat; }
.entry-info .category a.blog-category { background: url(images/blog.gif) top left no-repeat; }
.entry-info .category a.delicious-category { background: url(images/delicious.gif) top left no-repeat; }
.entry-info .category a.gd-category { background: url(images/gd.gif) top left no-repeat; }
.entry-info .category a.twitter-category { background: url(images/twitter.gif) top left no-repeat; }
.entry-info .category a.magnolia-category { background: url(images/magnolia.gif) top left no-repeat; }
.entry-info .category a.bloggy-category { background: url(images/bloggy.gif) top left no-repeat; }
.entry-info .date { line-height: 1.5em; float: left; }

/* ---------->>> Single <<<-----------*/
#single { border-bottom: 1px dotted #CCC; }
#single #single-header { border-bottom: 1px dotted #CCC; margin: 0 0 1.25em; padding: 0 0 0.0625em; }
#single #single-header h2, #single-header h3 { color: #000; font-size: 1.75em; font-family: 'palatino linotype', palatino; font-weight: 600; line-height: 1em; margin: 0 0 0.0625em; }
#single #single-header p { color: #999; font-family: "Lucida Grande", Arial, Helvetica, sans serif; margin: 0 0 0.0625em; }
#single #flickr-img { margin: 0 0 1em; }
#single #flickr-img a { border: 0; }
#single #flickr-img a img { border: 0.0625em solid #DDD; padding: 0.125em; }
#single p#view-flickr { padding: 1em 0 0; }
#single p#view-flickr a { background: #D15C00; color: #FFF; border: 0; padding: 0.3125em 0.625em; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-transition-property: background-color, color, text-shadow; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in; }
#single p#view-flickr a:hover { background: #97570C; }
#single cite.avatar { display: block; padding: 0 0 5px; }
#single cite.avatar img { background: url(images/diag-bg.gif) repeat; display: block; padding: 8px; }
#single #speech_tail { height: 1.1875em; background: url(images/speech_tail.gif) no-repeat; }
#single #speech_bubble { background: #EAFAFD; font-size: 0.75em; line-height: 1.5em; border: 1px solid #B6D8DE; border-width: 0 1px 1px 1px; overflow: hidden; margin: 0 0 0.5em; padding: 10px; }    
#single p#date { color: #999; font-family: "Lucida Grande", Arial, Helvetica, sans serif; }

/* ---------->>> Page <<<-----------*/
#page h1 { color: #000; font-size: 1.75em; font-family: 'palatino linotype', palatino; font-weight: 600; line-height: 1em; margin: 0 0 0.75em; }

/* ---------->>> Pagination <<<-----------*/
p#pagination { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; text-align: right; margin: 0; }
p#pagination a, p#pagination span.current { background: #D15C00; color: #FFF; border: 0; padding: 0.3125em 0.625em; }
p#pagination a:hover { background: #97570C; }
p#pagination span.current { background: #333; color: #FFF; }

/* ---------->>> Feeds <<<-----------*/
#feeds { margin: 0 0 2em; }
#feeds p { color: #555; }
#feeds ul { font-size: 0.75em; line-height: 1.5em; margin: 0 0 0.5em; }
#feeds ul li { float: left; margin: 0 0.5em 0 0; }

/* ---------->>> Tag list <<<-----------*/
ul.tag_list { font-size: 0.75em; line-height: 1.5em; margin: 0 0 2em; }
ul.tag_list li { float: left; margin: 0 0.5em 0 0; }
ul.tag_list li a { color: #666; }
ul.tag_list li a:hover { color: #97570C; }

/* ---------->>> Blogg Post <<<-----------*/
#blogg-post { background: url(images/dashed.gif) bottom left repeat-x; margin: 0 0 2.5em; padding: 0 0 0.625em; }

ul#blogg-posts { margin: 0 0 2em; }
ul#blogg-posts li { border-bottom: 1px dotted #C0C0C0; margin: 0 0 1em; padding: 0 0 0.3125em; }
ul#blogg-posts li h3 { font-size: 0.8125em; font-weight: 400; margin: 0 0 0.25em; }
ul#blogg-posts li p { color: #999; font-size: 0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0; }

ul#categories, ul#external-links { font-size: 0.75em; line-height: 1.5em; margin: 0 0 2em; }
ul#categories li, ul#external-links li { width: 10.5625em; float: left; margin: 0 0 1.125em; }
ul#categories li.flickr, ul#external-links li.flickr { background: url(images/flickr.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.jaiku, ul#external-links li.jaiku { background: url(images/jaiku.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.sp, ul#external-links li.sp { background: url(images/sp.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.blog, ul#external-links li.blog { background: url(images/blog.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.delicious, ul#external-links li.delicious { background: url(images/delicious.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.gd, ul#external-links li.gd { background: url(images/gd.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.twitter, ul#external-links li.twitter { background: url(images/twitter.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.magnolia, ul#external-links li.magnolia { background: url(images/magnolia.gif) 0 50% no-repeat; padding: 0 0 0 22px; }
ul#categories li.bloggy, ul#external-links li.bloggy { background: url(images/bloggy.gif) 0 50% no-repeat; padding: 0 0 0 22px; }

dl { color: #555; font-size: 0.75em; line-height: 1.5em; overflow: hidden; margin: 0 0 2em; }
dt { width: 42%; float: left; display: block; clear: left; margin: 0 0 0.25em; }
dd { width: 55%; float: left; display: block; margin: 0 0 0.25em; }

#map-container { background: url(images/diag-bg.gif) repeat; margin: 0 0 10px; padding: 5px; }
#g-map { width: 290px; height: 160px; }
#g-map div span { display: none;}
a[href="http://www.google.com/intl/sv_ALL/help/terms_maps.html"] { display: none; }
img[src="http://maps.google.com/intl/sv_ALL/mapfiles/poweredby.png"] { display: none; }