/******************************
             Index	
*******************************
	- General
	- UI
	- Articles (posts, pages and archives)
	- Unique Pages
	- Plugins and Widgets
*/

/******************************
           General	
******************************/

	/* Clear Defaults
	------------------*/
	* { margin:0; padding:0; text-decoration:none; font-weight:normal;}
	ul, ol 	{ list-style:none;}
	img, a img 	{ border:none;}

	/* Colors
	----------*/
	
	/* Layout
	----------*/
	html, body { 
		height:100%; margin-bottom:1px; /* force scrollbar regardless of page height*/
		text-align:center; /* horizontal center */
		background:#e5e5e5 url('images/bg.jpg') repeat-x;
	}

	div { border:0px solid red; /* debug mode */}
	#outerwrapper 		{ width:1000px; text-align:left; margin:0 auto; position:relative;}
		#header, #page, #footer { width:880px; padding:0px 60px 40px 60px; }
		#header 		{ background:url('images/bg-container-header.png') no-repeat bottom center; padding-bottom:40px;}
			#meta			{ float:right; margin-top:4px; margin-bottom:5px;}
			#logo 			{ float:left; margin:30px 25px 10px 0px;}
			#nav			{ width:auto; height:80px;}
			#searchbox 		{ float:right; clear:right; margin-top:11px;}
		#page 			{ padding:20px 60px; background:url('images/bg-container.png') repeat-y top center;}
			#slideshow		{ clear:both; margin-bottom:20px; width:880px; height:240px; overflow:hidden;}
			#content 		{ float:left; clear:left; width:560px;}
			#sidebar		{ float:right; clear:right; width:280px; }
			#bottom			{ width:100%; clear:both;}
		#footer 		{ background:url('images/bg-container-footer.png') no-repeat top center;}	

	/* General Classes 
	-------------------*/
	.clearfix 		{ clear:both;}
	.hide 			{ display:none;}
	.notopmargin 	{ margin-top:0;}
	.nobottommargin { margin-bottom:0;}
	.nomargin 		{ margin:0;}
	.nopadding 		{ padding:0;}
	.alignright 	{ float:right;}
	.alignleft 		{ float:left;}
	.aligncenter 	{ margin:0 auto; text-align:center;}
	.maxwidth 		{ width:100% !important;}

	/* Fonts 
	---------*/
		/* load fonts */
			@font-face {
				font-family: 'DIN Engschrift Std';
				font-weight: normal;
				font-style: normal;
				src: url("fonts/dinengschriftstd-webfont.eot?iefix") format('eot'), 			/* IE5, IE6, IE7, IE8 */
					 url("fonts/dinengschriftstd-webfont.woff") format('woff'),					/* IE9, Firefox, Opera */
					 url("fonts/dinengschriftstd-webfont.ttf") format('truetype'), 				/* Safari, Android, iOS */
					 url("fonts/dinengschriftstd-webfont.svg#svgFontName") format('svg'); 		/* Legacy iOS */
			}
			@font-face {
				font-family: 'DIN Neuzeit Grotesk Std Bold Cn';
				font-weight: bold;
				font-style: normal;
				src: url("fonts/dinneuzeitgroteskstd-bdcond-webfont.eot?iefix") format('eot'), 			/* IE5, IE6, IE7, IE8 */
					 url("fonts/dinneuzeitgroteskstd-bdcond-webfont.woff") format('woff'),				/* IE9, Firefox, Opera */
					 url("fonts/dinneuzeitgroteskstd-bdcond-webfont.ttf") format('truetype'),			/* Safari, Android, iOS */
					 url("fonts/dinneuzeitgroteskstd-bdcond-webfont.svg#svgFontName") format('svg'); 	/* Legacy iOS */
			}

		/* body */
			html, body { color:#000000; font: 10px Helvetica, Arial, sans-serif;}
			p { font-size:small; line-height: 150%; margin-bottom:15px;}
			p:first-child {margin-top:0;}
			
			em, i				{ font-style:italic;}
			strong, b 			{ font-weight:bold;}

		/* links */
			a					 	{ color: #ee7f00;}
			.miro-media a 			{ color: #08bbd6;}
			a:hover, a:active 		{ color: #000000;}

			a.paragraph 		{ color:black; display:block; cursor:pointer;}
			a:hover.paragraph 	{ }

		/* headings */
			h1,h2,h3 { color:#333; font-family:"DIN Engschrift Std"; font-weight:normal;}
			h1 { font-size:xx-large;}
			h2 { font-size:x-large;}
			h3 { font-size:large;}

		/* misc fonts */
			.read-more-link, .archive-link, .text-author { font-family:"DIN Engschrift Std"; font-size:large; clear:both;} 

/******************************
              UI	
******************************/

	/* Navigation
	--------------*/
		#nav li { float:left; display:block; margin-top:10px;}
		#nav li a { 
			font:17px "DIN Engschrift Std";
			font-weight:normal;
			line-height:28px; 
			padding:0 5px;
			display:block;
			
			background:black;
			color:white;

			box-shadow: 0px 2px 5px rgba(0, 0, 0, .25);
			
			background: black; /* for non-css3 browsers */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
			background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000));
			background: -moz-linear-gradient(top,  #666666,  #000);
		}
		#nav li.current-menu-item a, #nav li a:hover { color:white; background:#ee7f00; filter:none;}
		.miro-media #nav li.current-menu-item a, .miro-media #nav li a:hover { color:white; background:#08bbd6; filter:none;}
		
		#nav li.first-menu-item a {	
			border-top-left-radius: 3px; border-bottom-left-radius: 3px;
		}
		#nav li.last-menu-item a {	
			border-top-right-radius: 3px; border-bottom-right-radius: 3px;
		}

	/* Searchbox
	-------------*/
		#searchform div { width:200px; height:27px;}
		#searchform label { display:none;} /* remove default WordPress label */
		#searchform input { background:white; height:27px; line-height:25px;}
		#searchform input[type="text"] { 
			float:left; 
			width:85%; 
			font-size:16px; text-indent:3px;
			
			height:25px;
			border-right:0;
			border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0;	
		}
		
		#searchform input[type="submit"] {
			float:left;
			width:15%;
			color:white; font-size:0;
			background:white url('images/icons/icon_search.png') no-repeat center -1px;
			border-left:0;
			filter:none; /* IE hack */
			border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0;	
		}
		<!--[if lt IE 8]>
		#searchform input[type="submit"] { padding-top:4px;}
		#searchform input[type="text"] { width:84%;}
		<![endif]-->

	/* Forms
	---------*/
		textarea { width:100%;}
		input[type="text"] { clear:right;}
		input[type="hidden"] { display:none;}
		input[type="checkbox"] { width:13px; height:13px;}

		textarea, select, input[type="text"], input[type="submit"] {
			font-family:sans-serif; 
			border:1px solid #aaa; 
			background:white;
			border-radius:3px;
			width:100%;
		}
		/* effects on:hover */
		textarea:hover, select:hover, input[type="text"]:hover, input[type="submit"]:hover {}

		/* effects on:focus */
		textarea:focus, select:focus, input[type="text"]:focus, input[type="submit"]:focus {
		/*	box-shadow: 0 0 6px #ee7f00;
			border-color:#ee7f00;
		*/
		}
		input[type="submit"] { padding:6px; background: white;}
		input[type="submit"]:hover { cursor:pointer; background:#eee;}
			
/***************************************
  Articles (posts, pages and archives)
***************************************/
	
	/* Articles
	------------*/		
		.article { display:block; clear:both;}
		.article .picture { float:left; margin-right:15px;}
		.article .button-buy { float:right;}
			
		hr { 
			border-top:1px solid #ccc;
			border-bottom:1px solid #fff;
			border-right:0;
			border-left:0;
			
			width:100%; 
			display:block; 
			clear:both;
			margin:20px 0;

			box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
		}

		/* edit-link for logged in users */
		a.post-edit-link 		{ clear:both; font-size:1em; color:#ccc;}
		a:hover.post-edit-link	{ color:#ee7f00;}
		
		/* blockquotes */
		blockquote 		{ font-style:italic; font-size:12px; line-height:150%; padding-left:20px;}
		p + blockquote { margin-top:-10px;}
		
		/* images */
		img.alignright 	{ margin-left:20px; margin-bottom:20px; clear:right;}
		img.alignleft 	{ margin-right:20px; margin-bottom:20px; clear:left;}
		img.aligncenter { margin:5px 25px; clear:both;}
		.post_thumb, #related_posts_thumbnails img, .attachment-thumbnail, .single-produkt .wp-post-image, 
		.search .wp-post-image, .product .wp-post-image, .archive .wp-post-image, .boxshadow {
			/* box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); */
		} 

		/* lists */
		.article li 		{ font-size:1.2em; line-height: 1.8em; margin:5px 0px 15px 0px; }
		.article ul 		{ padding-left:20px;}
		.article ul li 		{ list-style:disc inside;}

		.article ol 		{ list-style:decimal inside; padding-left:25px;}
		.article ol li 		{}
		
	/* Posts
	---------*/
		.single #content { float:left; clear:left; }
		.single #sidebar { float:right; clear:right;}
	
	/* Archives
	---------*/
	
	/* Pages
	---------*/	

		/*.page #content { width:620px; float:right; clear:right;}
		.page #sidebar { width:240px; float:left; clear:left;} */

		/*.page #content { float:left; clear:left; }
		.page #sidebar { float:right; clear:right;} */

	/* Comments 
	------------*/
		h3#comments, #respond h3 { clear:both; display:none;}
		#respond small { font-size:small;}
		
		#commentsbox { clear:both;}
		.commentmetadata, .reviewbox ol.commentlist, .reviewbox div.navigation, .questionbox  ol.commentlist, .questionbox  div.navigation { display:none;} 
		.vcard { font-size:16px;}
		.comment.depth-1 { 
			margin:20px 0; 
			padding:15px; 
			border:1px solid #ccc; 
			border-radius:3px;
			font-style:italic;
		}
		.comment.depth-2 { font-style:normal;}
		.comment.depth-2 h3 { margin-top:20px;}
		.comment.depth-2 h3 + p { margin-top:0;}
		
	/* Pagination 
	--------------*/
		#page-nav 								{ margin-bottom:50px;}
		#page-nav *								{ vertical-align:middle;}
		#page-nav span 							{ font:100px Georgia; line-height:100px;}
		#page-nav span span						{ font-size:20px;}
		#page-nav a 							{ color: #ccc;}
		#page-nav a:hover, #page-nav a:active 	{ color: #ee7f00;}

/******************************
         Unique-pages	
******************************/

	/* Pressbilder
	---------------*/
		body.parent-pageid-31 #content { width:100%;}
		body.parent-pageid-31 .gallery .gallery-item .gallery-icon a { border:1px solid #ccc; display:block; margin:10px; padding: 20px 0;  border-radius:3px;}
		body.parent-pageid-31 .gallery .gallery-item .gallery-caption { font-size:1.2em;}
		body.parent-pageid-31 #sidebar { display:none;}
		body.parent-pageid-31 .hentry .attachment-thumbnail { float:none; border:none; box-shadow:none;}

	/* Start-sidan
	---------------*/
		body.home #content { width:500px;} 
		body.home #sidebar { width:340px; padding-left:20px; border-left:1px dotted #ccc;}
		body.home #sidebar > div:last-child > hr, body.home #sidebar > div.last-child > hr  { display:none;}
		
		/* nedersta raden */
		body.home #bottom > div { width:33.3%; display:block; float:left;}
		
		/* MailDirect prenumerera */
		#SubscriptionForm input[type="text"] { width:180px;}

		/* slideshow */
		#slideshow { position: relative;}
		body.home .gallery-item { float:left; position:absolute; display:block;}
		#slideshow .gallery .gallery-item { margin:0;}
		#slideshow #gallery-1 a img { border:none;}

	/* Webb-butik 
	--------------*/
		.product { width:48%; margin:1%; float:left; display:block; clear:none;}
		.product p { margin:0;}

		.product input { width:30px;}
		.product input[value="1"] { background-color:#DFF2BF !important; color:#4F8A10; border-color:#4F8A10 !important;}

		#orderform { width:100%;}
		.checkout { width:inherit;}
		.checkout, .checkout-button { margin-top:40px; padding:10px; border:1px solid #ccc; float:left; border-radius:5px;}
		.cart-entry { margin:0;}
		.cart-entry .name {font-style:italic;}
		.sum { padding-top:20px; margin-top:20px; text-align:right; border-top:1px dotted #ccc;}
		.checkout-button { float:right; background:#eee url('images/icons/icon_cart.png') no-repeat 10px center; margin-top:10px; width:260px; padding:10px 0 10px 50px;}
		.checkout-button:hover { background-color:white;}

		div.checkoutform { clear:both;}
		div.checkoutform input { }
		div.checkoutform input[type="text"], div.checkoutform select { width:60%; float:right;}
		div.checkoutform input[type="submit"] { clear:both; width:100px; float:right;}
		div.checkoutform div.checkbox { clear:both; margin:10px 0;}
		
		#orderform input.error { color:red; background:#f0f0f0; }
		#orderform input.correct { color:green; background:#f0f0f0; }
		#orderform p.error { background:none; color:#999999; margin:0;}

/******************************
	  Plugins and Widgets
******************************/

	/* Sidebar Widget Settings
	---------------------------*/			
		.single #sidebar { border-left:1px dotted #ccc; padding-left:0px;}
		.single #sidebar hr { margin-left:-20px; width:319px;}
		.single #sidebar > * { padding-left:20px;}
		
	/* qTranslate
	--------------*/
		#qtranslate-chooser { float:right; margin-left:5px;}
		.qtrans_widget_end { display:none;}
		#qtranslate-chooser li.active, #qtranslate-chooser li[active=""]  { display:none;}	
		#qtranslate-chooser a { display:block; height:16px; width:16px;}
		#qtranslate-chooser li a span { visibility:hidden;}
		#qtranslate-chooser a[hreflang="sv"] { background:url('images/icons/flag_sweden.png') no-repeat;}
		#qtranslate-chooser a[hreflang="en"] { background:url('images/icons/flag_uk.png') no-repeat;}

	/* Footer Wdiget Settings
	--------------------------*/
		#footer hr { display:none;}
		#footer { font-size:1.1em; color:#999;}
		#footer > div { width:25%; float:left; text-align:left; margin-top:40px;}
		#footer > div h2 { text-indent:0; font-size:20px;}
		#footer div a { display:block; clear:left;}

	/* Query Posts Widget
	----------------------*/
		.hentry { clear:both; margin-bottom:20px; font-size:12px;}
		.hentry .article-summary p, .hentry .article-content p { font-size:12px; line-height:130%;}
		.hentry .article-title { }
		.hentry .attachment-thumbnail { float:left; margin-right:10px; margin-bottom:20px;}

	/* Related Posts Plugin
	------------------------*/
		ul#related_posts_thumbnails li { height:120px; display:block; clear:both; font-size:12px; margin:5px 0; padding:3px;}
		ul#related_posts_thumbnails li:hover {
			box-shadow: 0 0 6px #ee7f00;
			border-color:#ee7f00;
		}
		ul#related_posts_thumbnails li a { color:black; }
		ul#related_posts_thumbnails li a img { float:left; clear:left; margin-right:10px;}
		ul#related_posts_thumbnails li a + a { padding-top:6px;}

	/* Dave's Live Search Plugin
	-----------------------------*/
		#search_results_activity_indicator { margin-top:4px;}
		ul.search_results {
			display: block;
			background:white;
			border:1px solid #ccc;
			
			position:absolute;
			z-index: 9999;	
			left:0px; top:21px;
			width:200px;
			
			padding:0; margin:0;
			margin-top:5px; margin-left:-1px;
			
			box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		}
		ul.search_results a {
			display: block;
			padding: 10px;
			margin: 0;
			text-align:left;
		}
		ul.search_results li:hover { background:#eee;}
		ul.search_results a, ul.search_results a:visited { color:black; font-size:13px; display: block;}
		ul.search_results li p { margin:0;}
		ul.search_results .excerpt, ul.search_results .meta { font-size:12px; width: 100%;}

		ul.search_results li.post_with_thumb .post_thumb { float:left; margin-right:10px;}
		ul.search_results li.post_with_thumb p.clearfix { clear:none;}
		.search_footer { display:none;}