/*
THEME NAME: Röshults, baserad på Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

	/*
		Röshults
		Modified: 2009-08-11
		
		Contents
		============================
		1. General
		2. Header
		3. Navigation
		4. Main content
		5. Sidebar
		6. Footer
		7. Misc
		8. Sandbox specific css
		9. Thickbox specific css
		============================
	*/  
	
	
	/******************************************
	  1. General
	******************************************/

  /*** universal reset ***/
  *
  {
    margin: 0;
    padding: 0;
  }  

	
  body
  {
    background: #fff;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
  }
		
	a 
	{
		color: #000;
		
	}	
		
	h3
	{
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	font-weight: bolder;
	alt float: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	line-height: 21px;
	}	

	h6
	{
		font-size: 12px;
	}	
		
	p
	{
		
		
	}	
		
	/***
	 * wrapper
	 * --------------	 
	 * width: 896px;
	 * min-height: 529px;        	
	 **/	 
	#wrapper
  {
  	position: relative;
    width: 940px;
    margin: 10px auto 0 auto;

  }	
		
  #access
  {
    position: relative;
  }


	/******************************************
	  2. Header
	******************************************/

	#header
	{

	}
	
	/***
	 * logo
	 * --------------	 
	 * width: 106px;
	 * height: 81px;        	
	 **/	 
	#blog-title a
	{
		background: url(img/gui/logo-106x81.gif) 0 0 no-repeat;
		display: block;
		float: left;
		width: 106px;
		height: 81px;
		margin: 0 0 10px 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	/*** language chooser ***/
	#language-chooser
	{
	 float: right; 
   width: 112px;
  }
	
	#language-chooser ul
	{
	 list-style: none;
	 margin: 20px 0 0 0;
	 padding: 0;
  }
	
	#language-chooser ul li
	{
    float: left;
    margin: 0 0 0 10px;
  }
	
	
	
	/******************************************
	  3. Navigation
	******************************************/

	  #menu
	  {
	    position: relative;
	    width: 940px;
	    height: 20px;
	    background: #E8E8E8;
	    padding: 6px 0 0 0;
	  }
	
	  #menu ul
	  {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	  }
	  
	  #menu ul li
	  {
	    float: left;
	    margin: 0 0 0 20px;
	  }
  
  
	  #menu ul li a
	  {
	   text-decoration: none;
	   color: #6D6D6D;
	   font-size: 11px;
	  }  

    /** webbshop to the right **/
    #menu ul li.page-item-729
    {
      position: absolute;
      top: 5px;
      right: 10px;
      
    }

	/******************************************
		4. Main content
	******************************************/

  body.pageid-16 div.ngg-galleryoverview 
  {
    display: none;
  
  }
  
  div.piclenselink
  {
    display: none;
  }

  /** product list **/
  div.products .item
  {
    width: 140px;
    text-align: center; 
    float: left;
    margin-right: 10px;
  
  }

  div.products .item .text
  {
	background:#FFFFFF;
	padding: 5px;
  }
  
  div.products .item .text a
  {
	font-family:arial;
	font-weight:normal;
	font-size:11px;
	text-decoration: none;
	text-transform: uppercase;
  }
  
  


  /*** Product detail ***/
  
  /*** product category navigation ***/
  #product-category-navigation
  {
    float: left;
    background:#E8E8E8; 
    width: 140px; 
    min-height: 254px;
    padding:20px;  
  }
  
  #product-category-navigation a
  {
    text-decoration: none;
  }  

  #product-category-navigation ul
  {
    list-style: none;
  }

  #product-category-navigation ul li
  {
    margin: 0 0 0 10px;
    
  }

  #product-category-navigation ul li a
  {
	color: #666;
	font-size: 10px;
	line-height: 1.6;
	text-transform: uppercase;
  }

  #product-category-navigation ul li a.active,
  #product-category-navigation ul li a:hover
  {
    color: #363636;
  }
  /*** /product category navigation ***/


  /*** product ***/
  #product
  {
    float: left;
      width: 374px;
      margin: 0 0 0 24px;
      font-size: 11px;
      line-height: 1.5;
  }

  #product h1
  {
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.2;
  }

  #product p
  {
    
    margin: 0 0 20px 0;
  }


  
  /** product sidebar **/
  #product-sidebar
  {
    float: left;
    margin: 0 0 0 25px;
    padding: 35px 0 0 0;
    width: 140px;
      font-size: 11px;
  }
  
  #product-sidebar p 
  {
    margin: 0 0 10px 0;
    
  }

  #product-gallery
  {
    width: 195px;
    float: right;  
    margin: 10px 0 0 0;
  }

  #product-gallery.designer div
  {
    float: left;
    margin: 0 5px 0 0;
  }

  #product-gallery div.ngg-gallery-thumbnail
  {
    float: left;
    margin-left: 5px;  
  }

  #product-gallery div.ngg-gallery-thumbnail a img
  {
    border: none;  
  }




	/******************************************
		5. Sidebar
	******************************************/

	/**
	* Hide sidebar
	*/
	.sidebar
	{
		display: none;
	
	}


	#sidebar
	{
		float: left;
		padding-top: 25px;
		width: 220px;
		margin-right: 30px;
	}

	#sidebar .xoxo
	{
		display: none;
		
	}
	
	#sidebar p
	{	
		margin-top: 10px;
	}


	/******************************************
		6. Footer
	******************************************/
	
	#footer
	{
    border-top: 1px solid #D8D8D8;
    width: 940px;
    padding: 2px 0 0 0; 
    margin: 35px 0 0 0;
    font-size: 10px;
    color: #686868;
    height: 30px;
    line-height: 30px;    
  }
  
  #footer *
  {
    font-size: 11px; 
  }

  
	#footer div
	{
	  display: block;
	  float: left;
    padding: 0 42px 0 0;
  }

	#footer div.subscribe
	{
    padding: 0;
    margin-left: 1px;
  }

  
  #footer input.text
  {
    width: 100px;
    height: 18px;
  }  
  
  

	/******************************************
		7. Misc
	******************************************/
	
	.clr
	{
    clear: both;
  }

	.hide
	{
		display: none;
	}

	div.skip-link 
	{
		display: none;
	}



	/******************************************
	  8. Slider
	******************************************/

		#slider {
  		float: left;
		    width: 940px; /* important to be same as image width */
		    height: 457px; /* important to be same as image height */
		    position: relative; /* important */
			overflow: hidden; /* important */
			margin-bottom: 20px;
		}
		
		#slider h2 {
    
    font-size: 22px;
    
    }
		

#myGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	display: none;
	border: 1px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('css/img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 0px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('css/img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('css/img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('css/img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('css/img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('css/img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('css/img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	



	/******************************************
	  9. Sandbox specific styles
	******************************************/

  /*** align image to right ***/
  .alignright, img.alignright {
  	float: right;
  	display: block;
  	margin: 0 0 20px 20px;
  }
  /*** align image to left ***/
  .alignleft, img.alignleft {
  	float: left;
  }
  /** center image ***/
  .aligncenter, img.aligncenter {
  	display: block;
  	margin: 1em auto;
  	text-align: center;
  }
  /** caption for images **/
  p.wp-caption-text {
  	font-style: italic;
  }
  /*** Gallery ***/
  div.gallery {
  	clear: both;
  	height: 180px;
  	margin: 1em 0;
  	width: 100%;
  }
  div.gallery dl {
  	margin: 1em auto;
  	overflow: hidden;
  	text-align: center;
  }
  div.gallery dl.gallery-columns-1 {
  	width: 100%;
  }
  div.gallery dl.gallery-columns-2 {
  	width: 49%;
  }
  div.gallery dl.gallery-columns-3 {
  	width: 33%;
  }
  div.gallery dl.gallery-columns-4 {
  	width: 24%;
  }
  div.gallery dl.gallery-columns-5 {
  	width: 19%;
  }
  /*** /Gallery ***/
 
 
 
 	/******************************************
		9. Thickbox css
	******************************************/	
	

	/** Thickbox specific link and font settings **/
	#TB_window {
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
	}
	
	#TB_secondLine {
		font: 10px Arial, Helvetica, sans-serif;
		color:#666666;
	}
	
	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}

	/** Thickbox settings **/
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}
	
	.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}
	
	* html #TB_overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_window {
		position: fixed;
		background: #ffffff;
		z-index: 102;
		color:#000000;
		display:none;
		border: 4px solid #525252;
		text-align:left;
		top:50%;
		left:50%;
	}
	
	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_window img#TB_Image {
		display:block;
		margin: 15px 0 0 15px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
	}
	
	#TB_caption{
		height:25px;
		padding:7px 30px 10px 25px;
		float:left;
	}
	
	#TB_closeWindow{
		height:25px;
		padding:11px 25px 10px 0;
		float:right;
	}
	
	#TB_closeAjaxWindow{
		padding:7px 10px 5px 0;
		margin-bottom:1px;
		text-align:right;
		float:right;
	}
	
	#TB_ajaxWindowTitle{
		float:left;
		padding:7px 0 5px 10px;
		margin-bottom:1px;
	}
	
	#TB_title{
		background-color:#e8e8e8;
		height:27px;
	}
	
	#TB_ajaxContent{
		clear:both;
		padding:2px 15px 15px 15px;
		overflow:auto;
		text-align:left;
		line-height:1.4em;
	}
	
	#TB_ajaxContent.TB_modal{
		padding:15px;
	}
	
	#TB_ajaxContent p{
		padding:5px 0px 5px 0px;
	}
	
	#TB_load{
		position: fixed;
		display:none;
		height:13px;
		width:208px;
		z-index:103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}
	
	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_HideSelect{
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}
	
	* html #TB_HideSelect { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_iframeContent{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
		_margin-bottom:1px;
	}