/*
Theme Name: Rut med flera
Theme URI: http://wordpress.org/
Description: WordPresstema för Rut med fleras nya site.
Version: 1.0
Author: Anna Axelsson, Marcus Dalgren
Author URI: http://www.dragnet.se/
Tags: grymt snygg

	Det här temat är byggt av Marcus Dalgren med grunddesign från Anna Axelsson.

*/

/* Sticky footer fix */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
} 

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

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End sticky footer fix */

body {
/*	background: url(images/jeans_bakgrund.jpg) repeat-y top center; */
/*	background:url(images/Bakgrundsmonster.png) repeat top left; */
/*	background:url(images/SaleTape_background.jpg) repeat-y top left; */
	background:url(images/FYATL_back.jpg) no-repeat center  100px;
	padding:0;
	margin:0;
	font-family: Arial, Verdana, Helvetica, sans-serif, Walbaum;
	font-size: 12px;
}
a img {
	border: none;
}

#header, #footer {
	width: 100%;
	background-image:url(images/Rivet_papper_uppe_edit.png);
	background-repeat:repeat-x;
	height: 100px;
}
#header {
	background-position: left bottom;
	height: 150px;
	position: relative;
	z-index: 3;
}
#footer {
	background-image:url(images/Rivet_papper_nere_edit.png);
}	
#header ul, #footer ul {
	list-style-type:none;
	width: 680px;
	height:40px;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
}
#header ul {
	height: 85px;
	width: 860px;
	position: relative;
}
#footer ul  {
	padding: 60px 0 0 0;
	width: 600px;
}
#header ul li, #footer ul li {
	float: left;
	margin-right:3px;
	padding-top:13px;
	/*margin-right: 10px;*/
}
#header ul li a {
	display: block;
	width: 43px;
	height: 0;
	padding: 11px 0 0 0;
	overflow: hidden;
	background-image:url(images/menu_top_new.png);
	background-position: 0 0;
}
#header ul li.erow:first-child { padding-top:13px;height:84px; width:174px;padding-top:19px;margin-right:10px;}
#header ul li:first-child a {background-image:url(images/Rutmfl_logo_utan_box_web.png); background-repeat:no-repeat; padding:84px 0 0 0; width:174px;background-position: 0 0;}
#header ul li.erow:first-child a:hover {background-image:url(images/Rutmfl_logo_utan_box_web.png); padding:84px 0 0 0; width:174px;background-position: 0 0;}

#header ul li.hometab a:hover, #header ul li.hometab a.current_item { background-position: 0 -30px; }
#header ul li.hometab { padding: 58px 0 0 0;}

#header ul li.collection-page a { width:88px; background-position: -57px 0; }
#header ul li.collection-page a:hover, #header ul li.collection-page a.current_item { background-position: -60px -30px; }
#header ul li.collection-page { padding: 58px 0 0 0;}

#header ul li.rut-recommends-page a { width:137px; background-position: -163px 0; }
#header ul li.rut-recommends-page a:hover, #header ul li.rut-recommends-page a.current_item { background-position: -170px -30px; }
#header ul li.rut-recommends-page { padding: 58px 0 0 0;}

#header ul li.styling-page a { width:61px; background-position: -326px 0; }
#header ul li.styling-page a:hover, #header ul li.styling-page a.current_item { background-position: -330px -30px; }
#header ul li.styling-page { padding: 58px 0 0 0;}

#header ul li.shops-page a { width:49px; background-position: -407px 0; }
#header ul li.shops-page a:hover, #header ul li.shops-page a.current_item { background-position: -410px -30px; }
#header ul li.shops-page { padding: 58px 0 0 0;}

#header ul li.blog-page a { width:40px; background-position: -478px 0; }
#header ul li.blog-page a:hover, #header ul li.blog-page a.current_item { background-position: -480px -30px; }
#header ul li.blog-page { padding: 58px 0 0 0;}

#header ul li.brands-page a { width:99px; background-position: -533px 0; }
#header ul li.brands-page a:hover, #header ul li.brands-page a.current_item { background-position: -540px -30px; }
#header ul li.brands-page { padding: 58px 0 0 0;}

#header ul li.elinktab { width:36px; height:36px; position:absolute;right:40px;}
#header ul li.elinktab a { width:36px; padding: 36px 0 0;background:url(images/swedish.png) no-repeat top left;}
.current_page_item a {
	cursor: default;
}

#content_header, #content, #content_footer, #bottom_content_container {
	width: 803px;
	margin: 0 auto;
}
#content_header {
	height:64px;
	background-image:url(images/rut_content_area_r2_c2.png);
	background-repeat:no-repeat;
}
#content {
	background-image:url(images/rut_content_area_r3_c2.png);
	background-repeat:repeat-y;
}
#content_footer { height:39px;  padding: 40px 0 0; background-image:url(images/rut_content_area_r5_c2.png); background-repeat:no-repeat;}
#content_footer img, #content img { display: block; margin: 0 auto; }
#content img.alignright {float:right; margin:0;}
#bottom_content_container {position:relative; height: 268px; width: 900px;}
#bottom_content { position:absolute; z-index:1; height: 268px; width: 900px; background-image:url(images/bottom_content.png); background-repeat:no-repeat;}
.clutter { 
	position:absolute; 
	height: 202px;
	width: 261px;
	background-image: url(images/Clutter_hem.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	display:none;
}
#bottom_content #blomma { display:block; top: 100px; left: -210px;}
#bottom_content #fjaril {display:block; background-position: 0 -202px; top: -150px; left:-85px; height: 218px; width: 247px;}
#kasettband {display:block; z-index:0; background-position: -261px 0; top: 0px; right:-30px; height: 360px; width: 375px;}

#bottom_c_left { position:relative; float: left; height:208px; width: 425px; padding: 70px 0 0 50px; }
#bottom_c_left div {}
#bottom_c_left p {width: 240px; margin:0 0 10px;line-height:1;}
#bottom_c_left a { 
	display:block;
	background: url(images/blogglink.png) no-repeat left 4px;
	padding: 0 0 2px 10px;	
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
#bottom_c_left a:hover {
	text-decoration: underline;
	color:#E2007A;
}
#b_c_l_absolute {position:absolute; top: 60px; right: 0px;}

#bottom_c_right { float: left; height:228px; width: 350px;padding: 27px 0 0 50px; }
#bottom_c_right ul { width:180px;list-style-type:none; margin:0; padding:0; }
#bottom_c_right ul li { margin:0 0 10px 0;}
h2 {color:#000; font-weight:bold; font-size:22px; margin:0 0 10px 0; padding:0;}
h3 {font-family: 'Futura'; color:#000; font-weight:bold; font-size:18px; margin:0 0 0 0; padding:30px 0 0 0;}
#bottom_c_right h2 a {
	display: block;
	color: #000;
}
/* RUT HEM */

#rut_main {
	padding: 0 0 0 8px;
}

#rut_main img {
	margin: 0;
}
#rut_main p {
	padding: 0;
	margin: 0;
}
h3#splash_text {
	padding: 0;
	font-size: 16px;
	text-align: center;
}
#bottom_c_right ul li {
	background: url(images/blogglink.png) no-repeat left 4px;
	padding: 0 0 2px 10px;	
}
#bottom_c_right ul li a { 
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
#bottom_c_right ul li a:hover {
	text-decoration: underline;
	color:#E2007A;
}
/* KOLLEKTION */

#kollektion {
	overflow: auto;
}

#bild_spel {
	width: 100px;
	margin-left: 100px;
	padding: 5px 0;
	float: left;
}

#bild_spel_stor {
	float: right;
	margin-right: 40px;
}

#slider ul li img {
	cursor: pointer;	
}

#slider ul li img.active {
	cursor: default;
}
.kollektion_nav {
	display: block;
	background: url(images/kollektion_pil_upp.png) no-repeat;
}
.kollektion_nav_div, .kollektion_nav {
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

#kollektion_ner {
	background: url(images/kollektion_pil_ner.png) bottom center no-repeat;
}
#bild_spel ul {
	width: 100px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#bild_spel div img {
	padding: 5px 0;
}
#content_footer.clutter_kollektion {
	position: relative;
	height: 150px;
}
.clutter_kollektion div {
	background-image: url(images/Clutter_kollektion.png); 
	background-repeat:no-repeat;
	background-position: -15px 0;
	position: absolute;	
}

#angel_small {
	width:152px;
	height:119px;
	top: -70px;
	left: -152px;
	z-index: 1;
}


#angel_big {
	background-position: -167px 0;
	width:261px;
	height:172px;
	top: 0px;
	left: -110px;
	z-index: 2;	
}

#kaffekopp {
	background-position: -178px -172px;
	width:351px;
	height:367px;
	top: -450px;
	left: -341px;	
}

#kollektion_buttons {
	background-position: -2px -172px;
	width:176px;
	height:142px;
	top: 5px;
	right: -30px;
}

#nyckelpiga {
	background-position: -2px -314px;
	width:64px;
	height:67px;
	top: -200px;
	right: -80px;	
}


/* About us */
.about-us #erbjudanden p {padding: 0;margin: 0 100px 0 0;}
.about-us #erbjudanden p.alignright {padding: 0;margin: 0;}

/* ERBJUDANDEN */
#erbjudanden {
	overflow: auto;
	padding:30px 20px 20px 80px;
}
#erbjudanden h2 {
	padding-top: 40px;
}
#erbjudanden div {
	float: left;
	margin: 0;
	padding: 0;
	width: 270px;
}
#erbjudanden p {
	padding: 0;
	margin: 0;

}
#erbjudanden img  {
	float: right;
	margin: 0 20px 0 0;
}

#content_footer.clutter_erbjudanden {
	position: relative;
	height: 150px;
}
.clutter_erbjudanden div {
	background-image: url(images/Clutter_erbjudanden.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;	
	z-index:1;	
}

#gem {
	width:281px;
	height:310px;
	top:-70px;
	left:-211px;
	z-index:0;
}

#puss {
	background-position: 0 -412px;
	width:158px;
	height:98px;
	top:50px;
	left:-50px;
	z-index:0;	
}

#tejpbit {
	background-image: url(images/Clutter_erbjudanden.png); 
	background-position: 0 -309px;
	width:116px;
	height:73px;
	top:5px;
	left:100px;
}

#lovblad {
	background-position: -281px 0;
	width:253px;
	height:154px;
	top:10px;
	right:-50px;	
}

#erbjudanden_blomma {
	background-position: -116px -309px;
	width:106px;
	height:103px;
	top:-53px;
	right:-85px;	
}

#nalar {
	background-position: -301px -154px;
	width:93px;
	height:269px;
	top:-350px;
	right:-85px;
	z-index: 0;	
}

/* STYLING */
#styling {
	overflow: auto;
	height: 384px;
	padding:110px 0 20px 80px;
	margin-right: 10px;
	background: url(images/styling.png) no-repeat top right;
}
#styling p {
	width: 330px;
}

#content_footer.clutter_styling {
	position: relative;
	height: 150px;
}
.clutter_styling div {
	background-image: url(images/Clutter_styling.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;	
	z-index:1;	
}

#styling_gem {
	width:104px;
	height:140px;
	top:-340px;
	left:-110px;
}
#styling_sax {
	background-position: 0 -140px;
	width:458px;
	height:501px;
	top:-230px;
	left:-300px;
	z-index: 0;	
}
#lappstift {
	background-position: -458px 0;
	width:213px;
	height:286px;
	top:0;
	right:-90px;
	z-index: 0;
}
/* BUTIKER ÖVERSIKT */
#butik_oversikt {
	padding: 50px;
}
#butik_oversikt h2 {
	font-size: 18px;
	margin: 0 0 5px 0;
}
#butik_oversikt p, ul {
	padding: 0;
	margin: 0 0 20px 0;
}
#butik_oversikt ul {
	list-style: none;
}

#content_footer.clutter_butiker {
	position: relative;
	height: 150px;
}
.clutter_butiker div {
	background-image: url(images/Clutter_butiker.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;	
	z-index:1;	
}

#butik_fjaril {
	background-position: 0 0;
	width:198px;
	height:169px;
	top:0;
	right:-100px;
}
#butik_blomma {
	background-position: 0 -169px;
	width:151px;
	height:146px;
	top:-400px;
	left:-151px;
}
#butik_kulor {
	background-position: 0 -315px;
	width:78px;
	height:113px;
	top:-200px;
	left:-78px;
}
#butik_penna {
	background-position: 0 -428px;
	width:374px;
	height:335px;
	top:-90px;
	left:-300px;
	z-index: 0;
}

/* BlOGGEN */

#content_header.clutter_blogg {
	position: relative;
}

.clutter_blogg div {
	background-image: url(images/Clutter_blogg.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;	
	z-index:1;	
}

#blogg_lov {
	width:359px;
	height:368px;
	top:-40px;
	left:-239px;
	z-index: 2;
}

#blogg_haftstift {
	background-position: 0 -368px;
	width:177px;
	height:154px;
	top:-20px;
	right:-87px;
	z-index: 2;
}

#blogg_ink {
	background-position: 0 -522px;
	width:135px;
	height:318px;
	top:490px;
	left:-135px;
}

#bloggen a img {
	border:  none;
}

#blogg_rubrik {
	width: 159px;
	height: 0px;
	display: block;
	overflow: hidden;
	padding: 55px 0 0 0;
	background: url(images/bloggrubriker.png) no-repeat 0 0;
}

#blogg_sidebar {
	float: right;
	margin-right: 40px;
	padding: 20px 0 0 0;
}
#blogg_kategorier {
	height:275px;
	margin:0 0 40px 20px;
	padding:40px 0 0 20px;
	width:161px;
	background: url(images/bloggkategorier.png) no-repeat 0 0;
}

#blogg_kategorier h3 {
	width: 118px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#blogg_kategorier ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#blogg_kategorier li {
	background: url(images/blogglink.png) no-repeat left 4px;
	padding: 0 0 2px 10px;	
}
#blogg_kategorier ul li a { 
	color: #000000;
	font-size: 11px;
}
#blogg_kategorier ul li a:hover {
	text-decoration: underline;
	color:#E2007A;
}
#blogg_arkiv {
	width: 135px;
	height: 305px;
	padding:40px 0 0 20px;
	background: url(images/bloggarkiv.png) no-repeat 0 0;
	
}

#blogg_arkiv h3 {
	font-size: 14px;
	padding: 0 0 0 0;
	margin: 0;
	overflow: hidden;
}
#blogg_arkiv ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#blogg_arkiv li {
	background: url(images/blogglink.png) no-repeat left 4px;
	padding: 0 0 2px 10px;	
}
#blogg_arkiv ul li a { 
	color: #000000;
	font-size: 11px;
}
#blogg_arkiv ul li a:hover {
	text-decoration: underline;
	color:#E2007A;
}

#bloggen {
	padding: 30px 0 30px 40px;
}
#bloggen h2 {
	margin: 0 0 5px 0;
}
#bloggen h2 a {
	display: block;
}
#bloggen a {
	text-decoration: none;
	color: #000;
}

#bloggen .post_date {
	color: #E2007A;
	font-style: italic;
}

#bloggen .blogg_inlagg img {
	margin:0;
}
#blog_posts {
	width: 500px;
	margin: 0 0 0 10px;
	padding: 30px 0 0 0;
}
.blogg_inlagg {
	border-bottom: 1px solid #e2e1de;
	padding: 20px 0 10px;
}
.comments {
	padding: 0 50px 0 0;
	margin: 0;
	text-align: right;
}

/* SINGLE POST */

#single_post {
	padding: 30px 0 30px 40px;
}

#single_post a {
	text-decoration: none;
	color: #000;
}

#single_post .entry {
	width: 500px;
	border-bottom: 1px solid #E2E1DE

}

#single_post .entry img {
	margin: 0;
} 
#single_post textarea {
	width: 600px;
}
#single_post .commentlist {
	list-style-type: none;
}
#single_post .commentlist li {
	width: 470px;
	padding: 20px 40px 10px 0;
	border-bottom: 1px solid #E2E1DE
}

#single_post .commentlist img {
	display: inline;
	margin: 0;
}
/* VARUMÄRKEN */

#vara-varumarken {
	padding: 20px 0 40px 80px;
	overflow:auto;
}

#vara-varumarken h2 {
	margin: 0;
	padding: 30px 0 5px 0;
}
#vara-varumarken p {
	width: 50%;
	overflow: auto;
	margin: 0;
	padding: 0;
}
#vara-varumarken p.right {
	width: 45%;
	float:  right;
}
#vara-varumarken p.right img {
	margin: 0;
}
#vara-varumarken a img {
	border: none;
}

#content_footer.clutter_varumarken, #content_header.clutter_varumarken {
	position: relative;
}

.clutter_varumarken div, #varumarken_papp {
	background-image: url(images/Clutter_varumarken.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;	
	z-index:1;	
}
#varumarken_papp {
	width:377px;
	height:346px;
	z-index:0;
	top: -80px;
	left: -250px;
	z-index: 2;	
	
}

#varumarken_ink {
	background-position: 0 -345px;
	width:143px;
	height:349px;
	z-index:0;
	top: -380px;
	left: -143px;	
	
}
#varumarken_gem {
	background-position: 0 -695px;
	width:43px;
	height:81px;
	z-index:0;
	top: -71px;
	right: -60px;	
	
}

#varumarken_suddgummi {
	background-position: 0 -776px;
	width:133px;
	height:85px;
	z-index:0;
	top: 20px;
	right: -75px;	
	
}

/* KONTAKT */
#kontakt {
	overflow: auto;
	padding:30px 0 50px 80px;
}
#kontakt h2 {
	margin: 0 0 5px 0;
	padding-top: 40px;
}
/* PRESS */
#press {
	overflow: auto;
	padding:30px 0 50px 80px;
}
#press h2 {
	margin: 0 0 5px 0;
	padding-top: 40px;
}
#press div {
	float: left;
	margin: 0;
	padding: 0;
	width: 270px;
}
#press p {
	padding: 0;
	margin: 0;
	width: 320px;

}
#press img  {
	float: right;
	margin: 0 20px 0 0;
}

#content_footer.clutter_press, #content_footer.clutter_kontakt  {
	position: relative;
	height: 150px;
}

.clutter_press div, .clutter_kontakt div {
	background-image: url(images/Clutter_multi.png); 
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;	
	z-index:1;	
}

#press_button_1 {
	width:75px;
	height:116px;
	top: -450px;
	left: -95px;	
}

#press_button_2 {
	background-position: 0 -116px;
	width:143px;
	height:157px;
	top: -60px;
	right: -90px;	
}

#press_kasett {
	background-position: 0 -273px;
	width:360px;
	height:284px;
	top: 0;
	left: -240px;
	z-index: 0;	
}
/* FOOTER */
#footer ul li a {
	display: block;
	width: 127px;
	height: 0px;
	overflow: hidden;
	padding: 11px 0 0 0;
	background-image:url(images/menu_bottom_new.png);
	background-position: 6px 0;
}
#footer ul li a:hover, #footer ul li.about-us-page a.current_item { background-position: 0 -30px; }
#footer ul li.press-page a { width: 43px; background-position: -146px 0; }
#footer ul li.press-page a:hover, #footer ul li.press-page a.current_item { background-position: -150px -30px; }
#footer ul li.contact-page a { width: 69px; background-position: -208px 0; }
#footer ul li.contact-page a:hover, #footer ul li.contact-page a.current_item { background-position: -210px -30px; }
#footer ul li.rutnet-uri a { width: 60px; background-position: -296px 0; }
#footer ul li.rutnet-uri a:hover, #footer ul li.rutnet-uri a.current_item { background-position: -300px -30px; }
#footer ul li.rutnet-uri { margin-right: 40px;}

#footer ul li.brands-page a { padding:25px 0 0 0; width: 201px; background-position: 0 -51px; }
#footer ul li.brands-page { padding: 5px 0 0 0;}

.gallery {float:left; width: 100%;}
#stickad_boll { position:absolute;top:-450px;left:480px;}
.blog_navigation {overflow:hidden;width:500px;}
.blog_navigation .alignleft {float:left;}
.blog_navigation .alignright {float:right;}
#b_c_l_absolute a {background: none;}