/*
Theme Name: Stena Renewable Theme by Nute Digital Agency & Action Total
Theme URI: http://www.nutedigital.com/
Description: Main theme for Stena Renewable.
Version: 1.0
Author: Daniel Ruuth @ Nute Digital Agency
Author URI: http://www.nutedigital.com/

*/

html{
	height: 100%;
	width: 100%;
}

body{
	padding: 0;
	margin: 0 25px 39px 25px;
	
	background-color: #000;
	
	/*background-image: url(assets/dummies/bg.jpg);*/
	position: relative;
	
	/*line-height: 140%;*/
}

/* Main canvas upon which everything is drawn */

div#background_image{
	position: fixed;
	width: 100%;
	height: 100%;
	
	top: 0;
	left: 0;
	
	overflow: hidden;
	
	z-index: -1;
}

img#bg-image {
	width: 100%;
	/*position: absolute;
	top: 0;
	left: 0;*/
}

div#canvas{
	width: 755px;
	float:none;
	position: relative;
	z-index: 1;
}
	
	div#canvas div#header{
		width: 755px;
		height: 132px;
	}
	
		div#canvas div#header div#logo{
			width: 172px;
			height: 131px;
			border-bottom: 1px solid #fff;
			margin: 0 23px 0 0;
			float:left;
		}
			div#canvas div#header div#logo div#logoelement{
				border-bottom: 1px solid #fff;
			}
		
		div#canvas div#header div#menu{
			position:relative;
			width: 560px;
			height: 131px;
			float:right;
			border-bottom: 1px solid #fff;
			margin: 0 0 0 0;
		}
			div#canvas div#header div#menu div#menucontainer{
				height: 66px;
				border-bottom: 1px solid #fff;
			}
				div#canvas div#header div#menu div#menucontainer li{
					display: block;
					float:left;
					height: 33px;
					line-height: 33px;
					padding: 33px 5px 0 5px;
					margin: 0 0 0 14px;
					
					
					
				}
				
				div#canvas div#header div#menu div#menucontainer li.current_page_item, div#canvas div#header div#menu div#menucontainer li.current_page_parent, div#canvas div#header div#menu div#menucontainer li:hover,
				div#canvas div#header div#menu div#menucontainer li.current_page_ancestor{
					background-color: #cf082c;
				}
				
					
			
			div#canvas div#header div#menu div#quote{
				width: 560px;
				height: 65px;
			}
	
	div#canvas div#sidebar{
		width:172px;
		float:left;
		padding: 12px 0 12px 0;
		margin: 26px 23px 0 0;
		background-image: url(assets/gui/transp_80.png);
		background-repeat: repeat;
	}
	
		div#canvas div#sidebar div#submenu{
			margin-bottom: 32px;
		}
		
		div#canvas div#sidebar div#submenu li{
			display: block;
			float:none;
			padding: 4px 12px 4px 12px;
			/*margin: 0 12px 0 12px;*/
			margin: 2px 0 2px 0;
		}
		
		div#canvas div#sidebar div#submenu li.current_page_item, div#canvas div#sidebar div#submenu li:hover, div#canvas div#sidebar div#submenu li.current_page_ancestor{
			background-color: #cf082c;
		}
		
		div#canvas div#sidebar div#additionalmenu{
			/*margin: 32px 0 0 0;*/
		}
		
		div#canvas div#sidebar div#additionalmenu li{
			display: block;
			float:none;
			padding: 0 12px 0 12px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		
		div#canvas div#sidebar div#vindbloggpromo{
			background-image: url(assets/gui/transp_42.png);
			background-repeat: repeat;
		}
			div#canvas div#sidebar div#vindbloggpromo div.item{
				border-bottom: 1px solid #fff;
				padding: 12px 12px 12px 12px;
			}
			
			
			
			div#canvas div#sidebar div#vindbloggpromo div.item img.bloggpicture{
				border: 1px solid #fff;
				margin: 6px 0 2px 0;
			}
		
		div#canvas div#sidebar div#address{
			padding: 18px 12px 12px 12px;
		}
		
	
	div#canvas div#mainbody{
		width: 560px;
		float:right;
		margin: 26px 0 0 0;
		background-image: url(assets/gui/transp_80.png);
		background-repeat: repeat;
		position: relative;
	}
		div#canvas div#mainbody div.contentpadder{
			padding: 20px;
			position: relative;
		}



/* fonts */
div#canvas div#header div#menu div#menucontainer li{
	color: #fff;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

div#canvas div#header div#menu div#menucontainer li a{
	color: #fff;
	text-decoration: none;
}

div#canvas div#sidebar div#submenu li{
	font-size: 11px;
	color: #4c4c4c;
	
	/*line-height: 18px;*/
	
	font-family: arial, helvetica, sans-serif;
}

div#canvas div#sidebar div#submenu li a{
	color: #4c4c4c;
	text-decoration: none;
}

div#canvas div#sidebar div#submenu li.current_page_item a, div#canvas div#sidebar div#submenu li:hover a, div#canvas div#sidebar div#submenu li.current_page_ancestor a{
	color: #fff;
}

div#canvas div#sidebar div#additionalmenu li{
	font-size: 11px;
	color: #4c4c4c;
	line-height: 18px;
	font-family: arial, helvetica, sans-serif;
}

div#canvas div#sidebar div#additionalmenu li a{
	color: #4c4c4c;
	text-decoration: none;
}

div#canvas div#sidebar div#vindbloggpromo div.item{
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

div#canvas div#sidebar div#vindbloggpromo div.item span.date{
	color: #888888;
	font-style: italic;
}
div#canvas div#sidebar div#vindbloggpromo div.item span.headline{
	color: #2f2f2f;
	font-weight: bold;
	text-transform: uppercase;
	
}
div#canvas div#sidebar div#vindbloggpromo div.item p{
	color: #2f2f2f;
	margin: 0;
	padding: 0;
}
div#canvas div#sidebar div#vindbloggpromo div.item a{
	color: #cf082c;
	text-decoration: none;
}

div#canvas div#sidebar div#vindbloggpromo div.item a:hover{
	text-decoration: underline;
}

div#canvas div#sidebar div#address{
	font-family: arial, helvetica, sans-serif;
	color: #6e6d6d;
	font-size: 11px;
	line-height: 14px;
}

div#canvas div#sidebar div#address a{
	color: #3a3a3a;
	text-decoration: none;
}

div#canvas div#sidebar div#address a:hover{
	text-decoration: underline;
}

div#canvas div#mainbody{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #2f2f2f;
}

div#canvas div#mainbody p{}
div#canvas div#mainbody h1{}
div#canvas div#mainbody h2{}
div#canvas div#mainbody h3{}
div#canvas div#mainbody h4{}

div#canvas div#mainbody a{
	color: #cf082c;
}

div#canvas div#header div#logo div#pro{
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 12px 6px  12px 6px;
}

div#canvas div#header div#menu div#quote{
	font-family: Times, georgia, serif;
	font-style: italic;
	font-stretch: condensed;
	font-size: 41px;
	line-height: 65px;
	color: #fff;
}

div.projectlist div.item a{
	text-decoration: none;
}

/* images and misc */

.large_image{
	width: 523px;
	/*height: 267px;*/
	/*overflow: hidden;*/
	margin: 16px 0 16px 0;
	/*border: 1px solid red;*/
	position: relative;
}

.large_image img{
	border: 1px solid #fff;
}

.large_image img.image-png{
	border: 0;
	margin-left: -20px;
	margin-top: -16px;
}

table.medialib{
	width: 100%;
}

table.medialib td{
	padding: 4px 4px 4px 0;
}

table.medialib th{
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
}

table.medialib td img.attachment-thumbnail{
	border: 5px solid #fff;
}

div.sverigekarta{
	width: 207px;
	height: 564px;
	background-image: url(assets/gui/sverige.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
	margin: 0 0 0 10px;
}

div.map_image{
	float:right;
	margin: 4px 0 12px 12px;
}

div.map_image img{
	margin: 0 0 12px 0;
}

div.projectlist{
	float:right;
	width: 270px;
}

div.bloggitem{
	margin: 0 0 36px 0;
}

/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a img{ border: 0; }

img.alignleft{
	float:left;
	margin: 0 5px 5px 0;
	border:0;
}

img.alignright{
	float:right;
	margin: 0 0 5px 5px;
	border:0;
}

div.narrow{
	width: 310px;
}

a.pdf{
	padding: 0 0 20px 20px;
   	background: transparent url(assets/gui/icon_pdf.png) no-repeat top left;
   	line-height: 20px;
}
		
a.doc{
	padding: 0 0 20px 20px;
   	background: transparent url(assets/gui/icon_doc.png) no-repeat top left;
   	line-height: 20px;
}