/*

Theme Name: Ideawork
Theme URI: http://wordpress.org/
Description: The standard theme for Ideawork made by <a href="http://jauda.no/">Håvard Fossli</a>.
Version: 2.0
Author: Håvard Fossli
Author URI: http://jauda.no/
Tags: white, airy, classy, open, two columns, big images
 
*/



/* SO Typography & Colors & default */

* {
	margin:0;
	padding:0;
	line-height:1.5em;  
	}

body, html {
	margin:0;
	padding:0;
	}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;
	background: #fff;
	color: #333;
	text-align: center;
	}

#page {  
	text-align: left;
	}

a {
	text-decoration: none;
	color:#004fe0;
	font-weight: bold;
	}
	a:hover {
		text-decoration: underline;
		}
a img {
	border: none;
	}
img {
	border: none;
	}
	
h1, h2	{
	margin:1.5em 0 0.5em 0;
	}
h3 {
	margin:1.1em 0 0.4em 0;
	}
h4 {
	margin:0;
	font-size:1.4em; 
	}
	
p {
	margin:1.5em 0 1em 0;
	}

ul {
	margin:0.2em 0em 0.5em 2em;
	list-style-type: disc;
	}

li {
	padding:0.7em 0; 
	}
ul.nostyle {
	list-style-type: none;
	margin:0;
	}
	ul.nostyle li { 
		padding-left:0;margin-left: 0;  
		}
ul.indent li {
	text-indent:-2em;
	padding-left:2em;
	}
ul.floating li {
	float:left;
	}
	
table {
	font-size:0.9em;
	}
	table tr td {
		padding-bottom:10px;
		}

form$searchform {
	}
	form#searchform label { display: none; }
	form#searchform input {
		background:#f6f6f6;
		border:1px solid #ddd;
		padding:2px 3px;
		font-size:1.3em;
		color:#777;
		width:140px;
		}
	form#searchform input#searchsubmit { width: 60px; }
	
	form#searchform input:hover { color: #444; background: #fafafa; }
	form#searchform input:focus { color: #333; }
	
/* EO Typography & Colors */



/* SO Structure */

body {
	margin: 0 0 20px 0;
	}

#page {
	background-color: white;
	margin: 0 auto 20px auto;
	padding: 0;
	width: 800px;
	position:relative;
	}

#page, #header, #content_box, #footer {
	width:800px;
	}

#login {
	position:absolute;
	top:0;
	right:0; 
	}
	#login a {
		color:transparent;
		text-indent: -9999em;
		width:240px;
		height:43px;
		display:block;
		background:url("images/login.jpg") 0 -5px no-repeat;
		}
	#login a:hover {
		background:url("images/login.jpg") 0 0 no-repeat;
		}
	
	#header form#searchform {
		position:absolute;
		top:50px;
		right:0; 
		}
 
#header { 
	margin: 0 0 0 0;
	padding: 0; 
	}
	#header h1 {
		position:absolute;
		top:0px;
		left:-40px;
		}
	#header h1 a {
		display:block;
		width:245px;
		height:193px;
		color:transparent;
		text-indent: -9999em;
		background:url("images/logo.png") 0 0 no-repeat;
		}
	#header ul#navigation {
		position:absolute;
		top:83px;
		right:15px; 
		list-style-type: none;
		}
		#header ul#navigation li {
			float:left;
			margin:0; 
			padding:0; 
			}

			#header ul#navigation li a {
				font-weight:bold;
				font-style:italic;
				font-size:1.9em;
				color:#000; 
				padding:5px 15px 0 15px;
				text-decoration: none;
				}
				#header ul#navigation li:hover {
					border-bottom:10px solid #fff;
					}
				#header ul#navigation li ul {
					display: none;
					}
				#header ul#navigation li:hover ul { 
					}	
			
			/* i wish */ 
			#header ul#navigation li ul {
				margin:0 auto;
				float: left;
				padding:5px 0;
				position: absolute;
				top:32px;
				left:-3px; 
				list-style-type: none;
				}
				#header ul#navigation li ul li {
					background: #fff;
					padding:0 0;
					}
					#header ul#navigation li ul li:hover {
						border:none;
						}
					#header ul#navigation li ul li a:hover {
						text-decoration: underline;
						}
				#header ul#navigation li ul li a {
					font-size:1.3em;
					font-weight: normal;
					font-style: italic;
					padding: 5px 10px;
					display: block;
					}
					
			/* this will have to do */ 		
			#header ul#navigation li {
				position: relative;
				}			
			#header ul#navigation li ul {
				margin:0 auto;
				float: left;
				padding:5px 10px;
				position: absolute;
				top:28px; 
				left:0;
				background: #fff;
				}
				#header ul#navigation li ul li {
					background: #fff; 
					clear:left;
					width:160px;
					}
					#header ul#navigation li ul li:hover {
						border:none;
						}
					#header ul#navigation li ul li a:hover {
						text-decoration: underline;
						}
				#header ul#navigation li ul li a {
					font-size:1.3em;
					font-weight: normal;
					font-style: italic;
					padding:5px 5px; 
					display: block;
					} 
#content_box {
	padding: 115px 0 0 0;
	 
	}	
	
	#content {
		float:left;
		display: block;
		min-height:650px;
		}
	
	#content #big_post_image {
		min-height:140px;
		}
		#content #big_post_image img { 
			}

	#content div.post {  
		padding:13px 250px 13px 47px;
		position: relative;
		float:left;
		width:500px;  
		}
	#content.wide div.post {	
		width:753px; 
		padding:13px 0 13px 47px;
		margin-bottom: 15px;
		}
		#content div.post h2.posttitle  {
			background:#fff;
			position: absolute;
			top: -40px;
			margin:0;
			left:30px;
			padding:8px 17px;
			font-size: 2.5em; 
			}
			#content div.post h2.posttitle a {
				color:#000;
				}
				#content div.post h2.posttitle a:hover {  
					text-decoration: underline;   
					}

		#content div.post a.readmore {
			font-style: italic;
			font-size:0.8em;
			}
				
		#content div.post .entry {
			padding:0 15px 0 0;
			} 
			#content div.post div.entry div.excerpt {
				font-size: 1.8em;
				font-style:italic;
				}
				#content div.post div.entry div.excerpt p {
					margin:0;
					}
			#content div.post div.entry small {
				display: block;
				border:1px solid #aaa;
				border-left:none;
				border-right:none; 
				margin:10px 0 0 0;
				padding:10px 0;
				} 
			#content div.post div.entry div.theentry {
				font-size:1.3em;
				text-align: justify;
				margin-top:10px;
				}
	#content div.post #searchform {
		position: absolute;
		top:10px;
		right:0;
		z-index: 2;
		}
 
	#content div.archivelist {	 
		padding:13px 0px 13px 47px;
		}
		#content div.archivelist .archiveitemimage {
			float:left;
			margin:7px 15px 0 0;
			}
			#content div.archivelist .archiveitemimage img {
				width:140px; 
				}
		#content div.archivelist .archiveitemcontent {	
			float:left;
			width:330px;
			}
			#content div.archivelist .archiveitemcontent h2  { 
				font-size: 2.0em;    
				color:#000;
				margin:0; 
				}
				#content div.archivelist .archiveitemcontent h2 a {
					color:#000;
					}
			#content  .archiveitemcontent .excerpt p  { 
				font-size: 0.8em;    
				color:#000;
				margin:0;  
				}
	#content div.post .sideboxes {
		position:absolute;
		top:10px;
		right:0;
		padding:0;
		width:220px;   
		}
		
		#content div.sideboxes .sidebox {
			float:left;
			clear:left;
			background: #fafafa;
			border:1px solid #ccc;
			padding:10px 10px 10px 10px; 
			text-align: left;
			font-size:0.9em;
			margin:10px 0px 10px 0;
			width:200px;
			}
			#content div.sideboxes h1, #content div.sideboxes h2, #content div.sideboxes h3, #content div.sideboxes h4, #content div.sideboxes p  {
				margin:0 0 0.5em 0;
				}
		
		
		/* double style */		
		.partners.animated a.sintef { background-image: url("images/partners200/double/sintef.png"); }		
		.partners.animated a.forskningsradet { background-image: url("images/partners200/double/forskningsradet.png"); margin-top:-10px; }		
		.partners.animated a.thommessen { background-image: url("images/partners200/double/thommessen.png");   }		
		.partners.animated a.statoilhydro { background-image: url("images/partners200/double/statoilhydro.png"); }		
		.partners.animated a.sparebank { background-image: url("images/partners200/double/sparebank1.png"); }		
		.partners.animated a.pointcarbon { background-image: url("images/partners200/double/pointcarbon.png"); }		
		.partners.animated a.snoarc { background-image: url("images/partners200/double/snoarc.png"); }
		.partners.animated a.statoil { background-image: url("images/partners200/double/statoil.gif"); height:96px; }		
 		 
 		.partners.animated li { 
 			padding:0.1em;
 			}
		.partners.animated li a { 
			height: 50px;  
			display: block; 
			background-position: 0 -2px;
			background-repeat: no-repeat;
			text-indent: -9999em;  
			}
		.partners.animated a:hover { 
			background-position: 0 -67px;
			}
		.partners.animated a:hover.statoil { background-position: 0 -96px; }		
		
		/* single style */
		.partners.single a.sintef { background-image: url("images/partners200/sintef.gif"); }		
		.partners.single a.forskningsradet { background-image: url("images/partners200/forskningsradet.gif"); margin-top:-10px; }		
		.partners.single a.thommessen { background-image: url("images/partners200/thommessen.gif");   }		
		.partners.single a.statoilhydro { background-image: url("images/partners200/statoilhydro.gif"); }		
		.partners.single a.sparebank { background-image: url("images/partners200/sparebank1.gif"); }		
		.partners.single a.pointcarbon { background-image: url("images/partners200/pointcarbon.gif"); }		
		.partners.single a.snoarc { background-image: url("images/partners200/snoarc.gif"); } 		
		.partners.single a.statoil { background-image: url("images/partners200/statoil.gif"); }
 		 
		.partners.single {
			display: block;
			float:left;
			overflow: hidden;
			}
 		
 		.partners.single li { 
 			padding:0.1em; 
 			width:200px;
 			}
		.partners.single li a { 
			height: 50px;
			display: block;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999em;   
			} 
		
		.partners.single a.statoil {  
			height: 96px;   
			}	
			
		.partners.single a:hover { 
			background-position: 0 0;
			}
		.partners.floating li {
 			float:right;
 			clear:none; 
 			margin:0 40px 10px 0px;
			}

#footer {
	height:100px;
	display:block;
	background:url("images/footer_letterSSSSH.jpg") 0 100% no-repeat;
	float:left;
	}		
	#footer_content {
		border-top:1px solid #aaa;
		margin:30px 0 30px 45px;
		padding:20px 0 0 0;
		color:#777;
		}
		#footer_content:hover {
			color:#000;
			}
	#footer_content p {
		margin:0;
		}
	
/* EO Structure */

/* GFX */
#bumblebee {
	width:40px;
	height:40px;
	position: absolute;
	top:-40px;
	left:100px;
	background:url("images/bumblebee2.gif") no-repeat; 
	z-index: 2;
	}
	
#postcardexiter {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background: #000; 
	display:none;
	}
#postcardform {
	background: #fff;
	width:700px;
	height:350px;
	display: block;
	position: absolute;
	top:-200px;
	border:1px solid #000; 
	display: none;
	overflow: hidden;
	}
	#postcardform #frontside, #postcardform #frontside #imgloader {
		position: relative;
		background: #fff;
		display: block;
		overflow:hidden; 
		}
		#postcardform #frontside #imgloader img {
			width:700px;
			}
	#postcardform #backside { 
		position: relative;
		background: #f1e5a2 url("images/postcard.jpg") no-repeat;
		display: block;
		overflow:hidden; 
		}
		#postcardform form div {
			float:left;  
			}
		#postcardform form textarea, #postcardform form input {
			font-family: "Lucida Handwriting", "American Typewriter", "Lucida Fax";
			font-size: 1.5em;
			}
		#postcardform form textarea {
			width:420px;
			height:330px;
			background: transparent;
			border:none;
			padding:10px; 
			overflow: hidden;
			}
		#postcardform form div.right {
			padding:140px 0 0 20px;
			}
			#postcardform form div.right input {	
				float: left;
				clear: left;
				width:200px;
				border:none;
				padding:30px 7px 0 7px;
				border-bottom: 1px solid #c6ab6f; 
				background: transparent;
				}
			#postcardform form div.right input#submit {
				border:1px solid #444;
				padding:7px 10px;
				background: #eee;
				font-family: "Lucida Sans", Helvetica, Arial;
				font-size: 1.2em;
				margin-top:40px;
				}
				#postcardform form div.right input#submit:hover {
					background: #333;
					color:#fff;
					border:1px solid #000;
					}
		#postcardform #turnarounder {
			position:absolute;
			bottom: 0;
			right:0;
			width:60px;
			height:30px;
			background:url("images/flip_postcard.png") no-repeat;
			}

.contact table { width: 550px; }



div.textandimage {
	padding-left:140px;
	position:relative;
	padding-bottom:1.5em;
	display:block;
	}
	div.textandimage img {
		position: absolute;
		top:5px;
		left:0;
		width:128px;
		}