/*  
Theme Name: BoutikBoutik.com default theme
Theme URI: http://boutikboutik.com
Description: The boutikboutik.com theme.
Version: 0.1
Author: Puoti Puksu
Author URI: http://puoti.fi/
*/



/* --- */

* {
	margin: 0;
	padding: 0;
	
	}


/* 
Fix for 1px bg jog
*/


html {

    margin-left: -0.1px; 

}
	

body {
	font: 11px "Lucida Grande", Verdana, sans-serif;
	text-align: center;
	color: #383d44;
	background-color: #686868;
	background-image:url(images/bodybgdashed.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	}

#allcontainer{
	background-image:url(images/bodybgdashed.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #686868;
	width: 950px;
	margin: 0 auto;
}

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	font-size: 118%;
	line-height: 17px;
	text-align: left;
	background-image:url(images/rounded_top2.jpg);
	background-position: top;
	padding-top: 40px;
	background-repeat: no-repeat;
	
	}
	
	
#logo{
height: 28px;
padding: 0 0 40px 20px;
background-color: #fff;
text-indent: -9999px; 
overflow: hidden;
}

#logo a {
width: 202px;
height: 28px;
display: block;
background-image:url(images/boutik_both.gif);
}	

#logo a:hover {
width: 202px;
height: 28px;
display: block;
background-position: bottom;
}	


#content {
	
	float: left;
	width: 500px;
	padding: 0 25px;
	margin-left: 200px;
	}
	
* html #content
	{
	display: inline;
	}
	
	
#sidebar {

	float: left;
	width: 172px;
	margin-left: -750px;
	padding-left: 16px;
	margin-right: 16px;
	
	}
	
#articles  {
border-bottom: dashed 1px #ccc;
border-top: dashed 1px #ccc;

padding: 16px 0;
/*margin-bottom: 16px;*/
margin: 16px 0;
}	
	
#quicknavi {
	float: left;
	width: 200px;
}

#header {
	padding-top: 0px;
	background: #686868;
	/*
	background: url(images/joulu.gif);
	background-position: center;
	
	background: url(images/darkblueheader.jpg);
	background-repeat: repeat-x;*/
	}
	
#headerimg {
	width: 950px;
	height: 250px;
	margin: 0 auto;
	text-align: left;
	background-image:url(images/puoti_header3.jpg);
	background-position: bottom;
	clear: both;
	}

#home a img {
	border: none;
	margin-top: 100px;
	margin-left: 100px;
	width: 250px;
	height: 150px;
	/* background-color: red; */
	}

#footer  {
	width: 950px;
	color: #9299A3;
	background-image:url(images/footerbg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-top: 40px;
	clear: both;
	text-align: center;
	margin-top: 20px;
	line-height: 20px;
	height: 20px;

	/* .push must be the same height as .footer */
}



	 


h1, h2 { color: #00acee; }

h1 { font: 24px/30px; margin-bottom: 25px; }

h2 { font-size: 16px/24px; margin-bottom: 15px; }

h2 a { text-decoration: none; }

blockquote{ padding: 0px 20px;
font-style: italic;
}

#sidebar h2, #quicknavi h2{
font-size: 14px;
}

#articles ul{
padding-bottom: 10px;
}



.fphead { margin-top: 20px; }

p, ol { margin-bottom: 10px;}

p.postmetadata{ 
padding-bottom: 15px;

margin-bottom: 25px; 
border-bottom-width: 1px;

border-bottom-style: dashed;

border-bottom-color: #ccc;
}

.cattitles { color: #b2e457; margin-bottom: 15px; font-size: 145%; }


ul { list-style: none;  }

#navi {
	margin: 0px 50px 0 30px;
	width: 250px;
	float: left;
	
	height: 250px;


 	}

#navi ul {
	margin: 0;
	padding: 0;
	
	/*
	list-style: none;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 5px ;
	*/
	}

#navi li {
	margin: 8px 0;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	display: block;

	
	/*
	*/
		

	/*
 	margin-left: 25px;
	letter-spacing: 2px;
	background-color: #c4e3ff;
	display: inline;
	
	padding: 5px;
	font-size: 118%;
	*/	

	}

#navi li a{
	text-indent: -9999px; 
	overflow: hidden;
	width: 250px;
}

/* FUCKING IE6 */

#navi li, #navi li a:hover {
	background-image:url(images/navi_states_new.gif);
}


html>body #navi li, html>body #navi li a:hover  {
	background-image:url(images/navi_states_new.png);
}



/* starting points */
	
li.naisten-paidat{
background-position: 0 160px;
}	

li.muut-tuotteet{
background-position: 0 120px;
}	

li.tarjoukset{
background-position: 0 80px;
}	

li.page-item-7{
background-position: 0 40px;
}	

/* active links */

/* ie6 does not really support two classes... */

li.miesten-paidatcurrent_page_item{
background-position: 250px 200px;
}


li.naisten-paidatcurrent_page_item{
background-position: 250px 160px;
}

li.muut-tuotteetcurrent_page_item{
background-position: 250px 120px;
}

li.tarjouksetcurrent_page_item{
background-position: 250px 80px;
}

li.page-item-7.current_page_item{
background-position: 250px 40px;
}

/* hovers */

li.miesten-paidat a:hover, li.miesten-paidatcurrent_page_item a:hover{
	background-position: 500px 200px;
}	

li.naisten-paidat a:hover, li.naisten-paidatcurrent_page_item a:hover{
background-position: 500px 160px;
}	

li.muut-tuotteet a:hover, li.muut-tuotteetcurrent_page_item a:hover{
background-position: 500px 120px;
}	

li.tarjoukset a:hover, li.tarjouksetcurrent_page_item a:hover{
background-position: 500px 80px;
}	

li.page-item-7 a:hover{
background-position: 500px 40px;
}	


	
#navi li a {
display: block;
margin: 0;
padding: 0;
	}
	
/*	
	
#navi li.current_page_item a{
	color: #b2e457;
	}

#navi li a:hover{
	color: #00acee;
	}	
	
#navi li.activenavi a:hover {
	color: #59442D;
	}
	
*/

#sidebar li.current_page_item a, #sidebar li.current-cat a{
	color: #C20097;
}

#sidebar li a:hover {
	color: #C20097;
	text-decoration: underline;

}

#sidebar li.current_page_item a:hover, #sidebar li.current-cat a:hover{
	text-decoration: none;
}








	#quicknavi h2{
		color: #383d44;
		margin-left: 25px;
		/* font-family:Georgia, "Times New Roman", Times, serif; */
		margin-bottom: 0;
		margin-right: 12px;

	}
	

	
	#quicknavi img {
		margin-top: 16px;
		margin-left: 16px;
	}

		

div.sizes {
margin: 0 12px 0 16px;
height: 60px;
padding: 10px 0;
border-bottom: dashed 1px #ccc;
text-align: center;

}


	


.sizes ul li { margin: 0; padding: 0; }	
	
	
	.sizes li{
		float: left;
		margin: 0;
	}
	
	
		.sizes  li a{
			display: block;
			margin-top: 5px ;margin-right: 7px;
			margin-left: 7px;
			text-decoration: none;
			text-align: center;
			color: #59442D;
			font-size: 118%;
			padding: 2px;
			width: 22px;
			height: 22px;
			line-height: 22px;
			border: solid 1px #59442D;
			margin-bottom: 28px;
			background-color: #eee;
		}
		
	
		
		.sizes  li.current_page_item a{
			color: #C20097;
			border: solid 1px #C20097;
			background-color: #FFC4DA;

		}
		
		.sizes  li a:hover {
			color: #C20097;
			border: solid 1px #C20097;
			text-decoration: underline;
		}
		
	

	

#shoppingcartcontents h2 {
	color: #383d44;
	/* font-family:Georgia, "Times New Roman", Times, serif; */
	margin-left: 9px;
	padding-bottom: 7px;
}

 #shopping-cart	 {
	padding-bottom: 16px;
	border-bottom: dashed 1px #ccc;
	margin: 0 12px 16px 16px;
	}

#sidebar ul li{
	line-height: 18px;
	padding-top: 2px;
}
	
#sidebar ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #59442D;
	}
	
	
/* ie5+6/win only */
* html #navi ul,* html #content,* html #container,* html #sidebar,* html #info {
	height: 1%;
	}
/* t ie7/win only */
*:first-child+html #navi ul {
	min-height: 1px;
	}
	
/* fucking ie6 buggy shit fixes */	

 #widgetshoppingcart	 {
	padding: 0;
	}


#quicknavi #widgetshoppingcart #shoppingcartcontents  	 {
	padding: 0;
	margin: 0;
	} 
	
#quicknavi #widgetshoppingcart #shoppingcartcontents #sliding_cart	 {
	padding: 0;
	margin: 0;
	} 
	
a img { border: none; }

a { color: #c20097; }
a:hover { text-decoration: none; }
a.selected { color: #39557C;
font-weight: bold; font-size: 118%; text-decoration: none; background-color: #ccc; }

.selected, .notselected { padding: 0 2px; text-decoration: none; background-color: #eee;}

a.notselected:hover{	
background-color: #ddd;}


img#link_icon6{ border: none; }


table.productdisplay tr  {
	margin-bottom: 50px;
	}
	
#commentform textarea 

{

width: 100%;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;

}		

/* --- NEWSLETTER --- */

div#newsletter {
	margin: 0 16px 12px 0;
	padding: 0;
}

div#newsletter ul li h2{
	color: #383d44;
	/* font-family:Georgia, "Times New Roman", Times, serif; */
}



input.subscribe{
	margin-top: 10px;
} 

/* --- NaamaKirja --- */

html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top left; }

/* --- Edut --- */

#edut{
	margin-bottom: 16px; 
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	padding: 16px 0;
}

div#edut h2{  color: #383d44; margin-bottom: 5px;  					
/* font-family:Georgia, "Times New Roman", Times, serif; */
}

#edut ul li { color: #383d44; font-size: 12px;}

#lahjakortti {
	margin-bottom: 16px; 
	border-bottom: dashed 1px #ccc;
	padding: 2px 0;
	text-align: center;
}

.sociable {
/* font-family:Georgia, "Times New Roman", Times, serif; */
}

/* 404 styles */

  #goog-wm { }
  #goog-wm h3.closest-match { }
  #goog-wm h3.closest-match a { }
  #goog-wm h3.other-things { }
  #goog-wm ul li { }
  #goog-wm li.search-goog { display: block; }
  
a.black,a.black a:hover{
	text-decoration: none;  color: #000;}a.grey,a.grey a:hover{
	text-decoration: none;  color: #666;}a.white,a.white a:hover{
	text-decoration: none;  color: #000;}a.turquoise,a.turquoise a:hover{
	text-decoration: none;  color: #66ccff;}a.blue,a.blue a:hover{
	text-decoration: none;  color: #0033cc;}a.violet,a.violet a:hover{
	text-decoration: none;  color: #9900cc;}a.red,a.red a:hover{
	text-decoration: none;  color: #ff0000;}a.brown,a.brown a:hover{
	text-decoration: none;  color: #663333;}a.green,a.green a:hover{
	text-decoration: none;  color: #009900;}a.other-colors,a.other-colors a:hover{
	text-decoration: none;  color: #ff6633;}a.yellow,a.yellow a:hover{
	text-decoration: none;  color: #bbb; background-color: #FFFF00;}

div.pbclinkside {
	font-weight: bold;
	float: left;
	margin-top: 4px;
	margin-right: 4px;
	font-size: 12px;
	border: 1px solid #eee;
	padding: 2px;
	
	
	}
	

	
#colors {
margin-top: 12px;
margin-left: 16px;
width: 175px;
}
	
	

h2.brands{
margin-top: 16px;
border-top: dashed 1px #ccc;
padding-top: 16px;
}	

#byprice{
margin-left: 12px;
padding-top: 6px;
text-align: center;
}


#byprice a{
text-decoration: none;
color: #59442D;
font-weight: bold;
}

div.bp_link a:hover{
color: #c20097;
}

a[rel~="attachment"] img,
.gallery a img,
.wp-caption {
	background-color: #F3F3F3;
	border: 1px solid #ddd;
	padding: 3px;
	text-align: center;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	}

a[rel~="attachment"] img:hover,
.gallery a img:hover,
.wp-caption:hover {
	padding: 2px;
	border: 2px solid #39557c;
	}

.wp-caption a img,
.wp-caption a img:hover {
	padding: 4px 0px 0px;
	border: 0 none;
	}

.wp-caption .wp-caption-text {
	margin: 4px 0 2px;
	}


#puksu{
padding: 6px 8px 8px 8px;
margin: 16px 0;
width: 152px;
height: 210px;
background-image:url(images/uudenvuodenpuksu.jpg);
background-position: bottom;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
line-height: 15px;
}

h3.nshirts{
margin-top: -30px;
}

div.payment_gtw{
background-color: #faf9f8;
border: 1px solid #ddd;
padding: 20px;
margin: 15px 0;
}

div#verkkomaksut{
background: #faf9f8 url(images/maksulogot2.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 105px;
}

div#paypal_multiple{
background: #faf9f8 url(images/paypal_valinta.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 87px;
}

div#maksulogot{
text-align: center;
}

div.aligncenter{
margin: 0 auto;
}

div.navigation{
padding-bottom: 15px;
}

a.bnow {
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
}

div.pcprod { float: left; margin: 0 8px 16px 8px;
text-align: center;
width: 150px;
display:inline; 
}

div.pcprod img{ margin-bottom: 4px; }

/*
div#menslatest, div#womenslatest {
	display: none;
}
*/