/*
Theme Name: Attraction.se 2011
Theme URI: http://attraction.se/
Description: Skarp layout
Version: 1.5
Author: Dennis Nystrom
Author URI: http://attraction.se/
Tags: attraction, 20011


*/


* { margin: 0; padding: 0; }

html,body { height: 100%; }

body { /*border: 10px solid #FFF;*/ background: #FFF; font-size: 0.76em; font-family: Arial, Helvetica, sans-serif; color: #2f2f2f; text-align: center; }

ul,ol { list-style-type: none; }

h1,h2 { font-size: 2.0em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 2.2em; } 
h3,h4 { padding-top: 10px; font-size: 1.6em; color: #666;  }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

hr { display: none; }


a { text-decoration: none; color: #239cd3;  }
a:hover { color: #92127d; }


img { border: 0; }



#page { width: 960px; margin: 30px auto; text-align: left; background: url(images/main-bg.gif) repeat-y; }
#innerpage { position: relative; background: url(images/header.gif) no-repeat; }



#header { height: 100px; }
#header h1 a { display: block; position: absolute; top: 10px; left: 82px; width: 293px; height: 60px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; }
#header .description { display: none; }

#splash { display: none; width: 704px; height: 262px; position: absolute; top: 199px; left: 198px; background: #FFF url(images/splash01.jpg) no-repeat; }

#nav { position: absolute; /*top: 461px;*/ top: 26px; right: 81px; }
#nav ul li { float: left; }
/*
#nav ul li a { display: block; float: left; margin: 0 0 0 10px; padding: 5px 10px; font-size: 16px; color: #130f10; }
#nav ul li a:hover { background: #130f10; color: #FFF; }
*/
#nav ul li a { display: block; height: 40px; width: 60px; margin: 0 1px; background: url(images/nav.gif) no-repeat top left; }
#nav ul li a span { display: none; }

#nav ul li#menu_hem a { width: 50px; background-position: -2px 0; }
#nav ul li#menu_hem a:hover, body.home #nav ul li#menu_hem a { background-position: -2px -50px; }

#nav ul li#menu_om-oss a { width: 64px; background-position: -64px 0; }
#nav ul li#menu_om-oss a:hover, body.page-id-332 #nav ul li#menu_om-oss a { background-position: -64px -50px; }

#nav ul li#menu_kunder a { width: 69px; background-position: -148px 0; }
#nav ul li#menu_kunder a:hover, body.page-id-383 #nav ul li#menu_kunder a { background-position: -148px -50px; }

#nav ul li#menu_vi-som-jobbar-har a { width: 131px; background-position: -232px 0; }
#nav ul li#menu_vi-som-jobbar-har a:hover, body.page-id-101 #nav ul li#menu_vi-som-jobbar-har a { background-position: -232px -50px; }


#main { margin: 20px auto; width: 750px }


#nav-mobile { display: none; }

#menu_uppdrag { display: none; }




#content { float: left; width: 460px; padding-right: 26px; background: url(images/sidebar-border.gif) repeat-y right top; }


#sidebar { float: right; width: 240px;  }
#innersidebar { }

#footer { clear: both; /* padding: 10px 50px 30px 210px;*/ background: url(images/footer.gif) no-repeat bottom left; height: 80px;  }
#footer .inner { display: none; background: url(images/footer-bar.gif) no-repeat 196px 0; height: 52px; /*padding: 10px 50px 30px 210px; */ }


.post { padding-bottom: 30px; clear: both; }
.post h1, .post h2 { padding-top: 40px; font-size: 18px; }
/* page fix */ body.page .post h1, body.page .post h2 { padding-top: 0; font-size: 18px; }

.post h2 a { color: #2f2f2f; text-decoration: none; }
.post .entry p { line-height: 1.4em; padding: 5px 0; }
.post .postmetadata { padding: 6px 10px; color: #000; font-size: 0.8em; background: #d6d4d3; margin: 10px 0; }
.post .postmetadata a { color: #000; }
.post { position: relative; }
.post .entry { padding-top: 0px; }
.post p.timestamp { display: block; text-transform: uppercase; color: #FFF; font-size: 14px; padding: 3px 6px 2px 6px; position: absolute; left: -12px; background: #239cd3; margin: 6px 0; }
.post p.author { display: none; position: absolute; left: 60px; top: 15px; font-size: 1.1em;}
.post p.author { left: 92px; display: block; }
.post .details { position: absolute; }
.post .details p.timestamp { position: relative; float: left; }
.post .details p.author { position: relative; float: left; left: -5px; }
.post ul { padding: 10px 30px; list-style-type: square; }
.post ol { padding: 10px 30px; list-style-type: decimal; }
.post li { padding: 10px 0; }



#post-101 h2 { display: none; }
#post-101 #employeeslist h2 { display: block; margin-bottom: 20px; }

#employeeslist { padding: 10px; margin-bottom: 30px; }
/*#employeeslist h3 { padding: 5px; background: #92127d; font-size: 0.9em; font-weight: bold; color: #FFF; }*/
#employeeslist .emplist { width: 200px; float: left; padding-right: 20px; }
#employeeslist .emplist ul { padding: 0; margin: 0; }
#employeeslist .emplist ul li { display: inline; padding: 0; margin: 0; }
#employeeslist .emplist ul li a { display: block; padding: 2px 0; margin: 1px 0; }
#employeeslist .emplist ul li a:hover { padding-left: 12px; background: url(images/arrow-purple.gif) no-repeat 0 2px; }
#employeeslist .emplist9 { position: relative; top: -44px; } 


#employeeinfo { background: url(images/people/blank.jpg) no-repeat; position: relative; left: -5px; width: 465px; }
#employeeinfo .inner { height: 434px; background: url(images/people/blank.jpg) no-repeat; }
#employeeinfo dl { font-size: 0.9em; }
#employeeinfo h3 { padding: 280px 20px 0 250px; font-size: 2.5em; color: #000; }
#employeeinfo dl dt.title { display: none; padding-bottom: 20px; }
#employeeinfo dl dd.title { text-transform: uppercase; padding: 0 20px 10px 250px; }
#employeeinfo dl dt { display: none; float: left; padding: 2px 20px 2px 250px; }
#employeeinfo dl dd { padding: 2px 0; padding: 2px 20px 0 250px; color: #58585a; }
#employeeinfo dl dd a { color: #e2007a; }

/* peeeeoople */
#employeeinfo .anderspersson { background-image: url(images/people/anders_p.jpg); }
#employeeinfo .anderssvensson { background-image: url(images/people/anderssvensson.jpg); }
#employeeinfo .ceciliamontgomery { background-image: url(images/people/cilla.jpg); }
#employeeinfo .danielnuud { background-image: url(images/people/danielnuud.jpg); }
#employeeinfo .dennisnystrom { background-image: url(images/people/dennis.jpg); }
#employeeinfo .elinharaldsson { background-image: url(images/people/elin.jpg); }
#employeeinfo .hildingbengtsson { background-image: url(images/people/hilding.jpg); }
#employeeinfo .idaoffenbartl { background-image: url(images/people/ida.jpg); }
#employeeinfo .ingridolsson { background-image: url(images/people/ingrid.jpg); }
#employeeinfo .jimmysandberg { background-image: url(images/people/jimmy.jpg); }
#employeeinfo .jennyhansson { background-image: url(images/people/jenny.jpg); }
#employeeinfo .jensalmgren { background-image: url(images/people/jens.jpg); }
#employeeinfo .joakimastbrant { background-image: url(images/people/jocke.jpg); }
#employeeinfo .mariarydheim { background-image: url(images/people/maria.jpg); }
#employeeinfo .martinsandstrom { background-image: url(images/people/martin.jpg); }
#employeeinfo .mikaelekelund { background-image: url(images/people/micke.jpg); }
#employeeinfo .perlindeblad { background-image: url(images/people/per.jpg); }
#employeeinfo .rikardwindh { background-image: url(images/people/rickard.jpg); }
#employeeinfo .ulfricheberg { background-image: url(images/people/ulf.jpg); }
#employeeinfo .christoffernordin { background-image: url(images/people/christoffer.jpg); }
#employeeinfo .wiveca { background-image: url(images/people/wiveca.jpg); }
#employeeinfo .andersakerberg { background-image: url(images/people/anders_a.jpg); }
#employeeinfo .magdalenaolsson { background-image: url(images/people/magdalena.jpg); } 
#employeeinfo .christianmathiasson { background-image: url(images/people/christian.jpg); }
#employeeinfo .palkatsler { background-image: url(images/people/pal.jpg); }





/* blog categories */
#categories-3 { display: none; }
#categories-3 h2 { padding-bottom: 10px; margin-bottom: 1px; }
#categories-3 ul li { display: none; }
#categories-3 ul li.cat-item-4, #categories-3 ul li.cat-item-3 { display: inline; }

#categories-3 ul li a { display: block; color: #58585a; font-size: 1.8em; text-transform: uppercase; padding: 2px 0; }
#categories-3 ul li a .counts { color: #000; }
/*padding: 5px 10px; border-left: 10px solid #eeeee9; background: #eeeee9; margin: 1px 0; text-decoration: none; font-size: 0.9em; font-weight: bold; color: #2f2f2f; text-transform: uppercase; }
#categories-3 ul li a:hover { border-left-color: #f29400; }
#categories-3 ul li a .counts { font-weight: normal; }*/





/* social links */
#text-3 { padding: 10px 0; margin: 10px 0; border: 1px solid #bcbcbc; border-width: 1px 0; }
#text-3 h2 { display: none; }
#text-3 ul {  }
#text-3 ul li { display: inline; }
#text-3 ul li a { display: block; float: left; width: 20px; height: 20px; background: url(images/icon_16.gif) no-repeat 2px 2px; color: #666; }
#text-3 ul li a:hover { color: #333; }
#text-3 ul li a span { display: none; }
/*
#text-3.hover ul li a { float: none; width: auto; height: 40px; padding: 0 20px 0 40px; background-image: url(images/icon_32.gif); }
#text-3.hover ul li a span { display: inline; position: relative; top: 3px; }
#text-3.hover ul li.short a span { top: 10px; }
*/
#text-3 ul li a { float: none; width: auto; height: 40px; padding: 0 20px 0 40px; background-image: url(images/icon_32.gif); }
#text-3 ul li a span { display: inline; position: relative; top: 3px; }
#text-3 ul li.short a span { top: 10px; }

#text-3 ul li.link-rss a { background-image: url(images/icon_rss_16.gif); }
#text-3 ul li.link-linkedin a { background-image: url(images/icon_linkedin_16.gif); }
#text-3 ul li.link-facebook a { background-image: url(images/icon_facebook_16.gif); }
#text-3 ul li.link-twitter a { background-image: url(images/icon_twitter_16.gif); }
#text-3 ul li.link-spotify a { background-image: url(images/icon_spotify_16.gif); }
#text-3 ul li.link-hitta a { background-image: url(images/icon_hitta_16.gif); }

/*
#text-3.hover ul li.link-rss a { background-image: url(images/icon_rss_32.gif); }
#text-3.hover ul li.link-linkedin a { background-image: url(images/icon_linkedin_32.gif); }
#text-3.hover ul li.link-facebook a { background-image: url(images/icon_facebook_32.gif); }
#text-3.hover ul li.link-twitter a { background-image: url(images/icon_twitter_32.gif); }
#text-3.hover ul li.link-spotify a { background-image: url(images/icon_spotify_32.gif); }
#text-3.hover ul li.link-hitta a { background-image: url(images/icon_hitta_32.gif); }
*/
#text-3 ul li.link-rss a { background-image: url(images/icon_rss_32.gif); }
#text-3 ul li.link-linkedin a { background-image: url(images/icon_linkedin_32.gif); }
#text-3 ul li.link-facebook a { background-image: url(images/icon_facebook_32.gif); }
#text-3 ul li.link-twitter a { background-image: url(images/icon_twitter_32.gif); }
#text-3 ul li.link-spotify a { background-image: url(images/icon_spotify_32.gif); }
#text-3 ul li.link-hitta a { background-image: url(images/icon_hitta_32.gif); }






ol.commentlist { list-style-type: decimal-leading-zero; padding: 10px 30px; }
ol.commentlist li { padding: 20px 0; border-bottom: 0 solid #999;}
ol.commentlist cite.fn { font-weight: bold; font-style: normal; }
ol.commentlist .comment-body { position: relative; }
ol.commentlist .comment-author { padding-right: 80px; }
ol.commentlist .comment-meta { position: absolute; right: 0; top: 0; background: #2f2f2f; color: #FFF; text-align: center; font-size: 0.8em; font-weight: bold; text-transform: uppercase; }
ol.commentlist .comment-meta a { color: #fff; }
ol.commentlist .comment-meta .comment-date { display: block; padding: 7px 3px; line-height: 1.2em; }
ol.commentlist .comment-meta .comment-date-day { font-size: 1.8em; display: block; }
ol.commentlist .comment-meta .comment-date-month, ol.commentlist .comment-meta .comment-date-time, ol.commentlist .comment-meta .admin-edit  { display: block; }
ol.commentlist .comment-meta .admin-edit  { font-weight: normal; font-size: 0.9em; padding: 3px 6px; background: #4f4f4f; }
ol.commentlist .comment-message { padding-top: 20px; background: #eaeae8 url(images/comment-message-pointer.gif) no-repeat; }
ol.commentlist .comment-message .inner { padding: 10px; font-size: 0.9em; }
ol.commentlist .comment-awaiting { margin-top: 10px; padding: 3px; background: #27a22d; font-size: 0.8em; font-weight: bold; font-style: normal; color: #FFF; }



#respond { }
#respond h3 { padding-bottom: 10px; }
#respond form p { padding: 5px 0; }
#respond form label small { font-size: 1em; padding: 5px; cursor: pointer; }
#respond form .textfield { font-size: 0.9em; }
/*
#respond form p.comment-content { padding-top: 20px; background: #eaeae8 url(images/comment-message-pointer.gif) no-repeat; font-size: 0.9em;}
#respond form #comment { background: #eaeae8; border: 0; }
*/
#submit { padding: 7px 12px; background: #27a22d; color: #FFF; font-weight: bold; font-size: 0.9em; text-transform: uppercase; border: 0; }

#search-3 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 0px solid #bcbcbc;  }
#search-3 h2 { font-size: 18px; }
#searchform label { display: none; }
#s { width: 170px; }

#linkcat-44 { padding-top: 10px; margin-top: 10px; border-top: 1px solid #bcbcbc;  }

.archive h1.pagetitle { padding-bottom: 2px; margin-bottom: 20px; color: #79797a; border-bottom: 2px solid #79797a; }
.archive h1.pagetitle strong { color: #2f2f2f; }


/* spec kategorier */
#cat-item-1 { display: none; }


/* om attraction */
#post-383 h2 { display: none; }
#post-383 .entry h2 { display: block; }

/* kunder */
#post-332 h2 { display: none; }
#post-332 .entry h2 { display: block; }


/* uppdrag */
#categories-3 ul li.cat-item-71 { display: none; }
div.category-uppdrag { }
body.single div.category-uppdrag, body.category-uppdrag div.category-uppdrag {  }
body.category-uppdrag h1.pagetitle span {  }



/* twitter högerkolumn */
#twitter-2 { padding: 10px 0; margin: 10px 0; border-top: 1px solid #bcbcbc; }
#twitter-2 .widgettitle { position: absolute; width:190px; }
#twitter-2 .twitterwidget-rss { position: relative; top: 2px; left: 175px; }
#twitter-2 .twitterwidget-title { position: relative; top: 41px; left: 50px; }
#twitter-2 h2 .twitterwidget-title a { color: #2f2f2f; }
#twitter-2 .twitterwidget-rss img { background: none !important; margin:0; padding:0; }
#twitter-2 ul { padding: 5px 0; }
#twitter-2 ul li { padding: 5px 0; }
#twitter-2 ul li .entry-content,#twitter-2 ul li .entry-meta { display: block; padding: 5px; font-size: 90%; overflow: hidden; }
#twitter-2 ul li .entry-meta { background: #D6D4D3; font-size: 86%; }
#twitter-2 ul li .entry-meta a { color: #000; }

/* spotify */
.page-id-105 .post h2 { display: none; }
.page-id-105 .entry { padding: 30px 0 100px 0; }
.page-id-105 .entry h2 { display: block; padding-top: 10px;  }
.page-id-105 .entry .addtoany_share_save_container { padding-top: 100px; }
.spotify { padding: 0 10px 50px 180px; background: url(images/spotify.gif) no-repeat; }




.footer-hr { clear: both; }

.navigation { padding-bottom: 10px; }
/*
.navigation .alignleft, .navigation .alignright { width: 45%; float: left; display: inline; padding: 5px; background: #b0c80c; color: #FFF; font-weight: bold; }
.navigation .alignright { float: right; background: #27a22d; }
*/
.navigation a { font-size: 0.9em; font-weight: bold; }

.textfield { font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 5px; border: 1px solid #e0e0e0; border-bottom: 2px solid #d0d0d0; }
input.textfield { width: 200px; }
textarea.textfield { width: 360px; }


img.alignleft { float: left; margin: 4px 4px 4px 0; padding: 4px; }
a img { border: 0px solid #d6d4d3; margin: 4px 4px 4px 0; padding: 4px; }
a:hover img { border-color: #b6b4b3; }


.dsq-subscribe-email, .dsq-subscribe { display: block ;}
.dsq-item-sort { float: right; }

.dsq-dc-logo { display: none; }

ul.small { }
ul.small li { padding-top: 5px; padding-bottom: 5px; margin: 0; }


.addtoany_share_save_container { clear: both; }