/*
Theme Name: Artics blanke lerret
Theme URI: http://artic.no/lerret/
Description: Artic reklamebyrås eget tema til Wordpress.
Version: 1.0
Author: Christian L. Christensen
Tags: white, fixed width, two columns, widgets

Denne filen er her for å kunne kobles opp mot wordpress
Alle endringer gjøres i print.css og skjerm.css
*/

/*@import url('css/skjerm.css') screen;*/
@import url('css/2010.css') screen;
@import url('css/print.css') print;
/*
Denne filen inneholder layout for sidene på artic.no.
Det fins en egen css fil for å styre utskrifter.
*/

@font-face {
	font-family: "articlight";
	src: url("css/font/artic/artic-copy.ttf") format("truetype");
}

@font-face {
	font-family: "articsemibold";
	src: url("css/font/artic/artic-sembold.ttf") format("truetype");
}



* {
	margin: 0; padding: 0;
	font-family: articlight, Helvetica, sans-serif;
	font-weight: normal;

}


body {
	background-image: url('/grafikk/bakgrunn/stripebunn.gif');
}

a img {
	border: none;
}
#side{
	width: 842px;
	height: 100%;
	background-color: #fff;
		
	margin: 0 auto;
	
	padding: 0 20px 20%;
	border-top:	solid 1px #dfefef;
	border-left:  solid 1px #dfefef;
	border-right: solid 1px #dfefef;
	overflow: auto;
}

/*
typografi
*/
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	font-family: articsemibold,Georgia,Serif;
}

p {
	font-family: articlight, Helvetica, sans-serif;
}



/*Menyelementer*/
#meny{
	font-family: articsemibold, Georgia, serif;
	font-size: 10pt;
	text-align: justify;

	list-style-type: none;	
	display: block;
	width: 600px;
	height: 68px;

	margin: 0 0 60px 0;
	padding: 0;

	clear: right;
	float:left;
	overflow: visible;

}

#meny li{
	float: left;
}

#meny .linker {
	margin: 40px 0 0 40px;
	vertical-align: bottom;
}

#meny #logo {
	margin: 0 40px 0 0;
}


#meny a{
	font-family: articsemibold, Georgia, serif;

	color: #747c7c;
	text-decoration: none;	
	}
#meny a img {
	border: none;
	


}

#meny a:hover{
	color: #007f7d;
	text-decoration: underline;	
	
}


/*Sideelementer*/

#innhold {
	width: 602px;
	padding: 0 20px 0 0;
	border-right: 1px dotted #ddd;
}



#innhold-wide {
	width: 822px;
	padding: 0 20px 0 0;
	display: block;
	clear: left;
	}


#innhold .post .entrytext p, 
#innhold .post .entry p,
#innhold-wide .post .entrytext p, 
#innhold-wide .post .entry p {
	margin: 0 0 35px 0;
	font-size: 10pt;
}

#innhold .post .entry p a, 
#innhold .post .entrytext p a,
#innhold-wide .post .entry p a, 
#innhold-wide .post .entrytext p a,
#innhold .tekst p a {
	color: #007f7d;
	text-decoration: underline;
	font-family: articsemibold, Helvetica, serif;
	
}

#innhold .post .entry p a:hover, 
#innhold .post .entrytext p a:hover {
	text-decoration: none;
	color: #fff;
/*	padding: 0 3px;*/
	background-color: #007f7d;
}

#innhold .post .entrytext h2 a, 
#innhold .post .entry h2 a {
	text-decoration: none;
	color: #007f7d;
}

/* søkeresultater */
#searchresults {
	clear: left;
}

#searchresults form {
	margin: 100px 0 0 0;
}

#searchresults h2 {
	font-family: articsemibold;
	margin: 0 0;
	padding: 0 0 15px;
	}

#searchresults h2 span {
	color: #007f7d;
}

.navigation {
	color: #666;
	margin: 0 0 15px;
/*	border-bottom: 1px solid #ddd;*/
}

.navigation span {
	margin: 0 25px 0 0;
}
.navigation a{
	color: #007f7d;
	font-family: articsemibold;
	text-decoration: none;
}

#notfound {
	clear: left;
}

/* sidebar */

#sidebar {
width: 200px;
float: right;
padding: 75px 0 0 0;	
}

#sidebar ul {
	list-style-type: none;
	font-size: 10pt;
}

#sidebar ul h2 {
	font-size: small;
}

#sidebar ul li {
	margin: 0 0 15px;
}

#sidebar a {
	color: #007d7f;
}

#sidebar #twitter img {
	margin: 0 0 25px 0;
}
/*
------
Bilder
------
*/

#innhold img, #innhold-wide img {
/*	border: 1px solid #ddd;*/
}





/*
******
Poster
******
*/

#innhold .post, #innhold-wide .post {
		/*border-bottom: 1px solid #ddd;*/
		margin:  0 0 15px 0;
		padding: 0 0 15px 0;
		overflow: auto;
		clear: left;
}

#innhold .post h2, #innhold-wide .post h2 {
	color: #007f7d;
	font-family: articsemibold;
	font-size: 14pt;
	}

#innhold .post h2 a, #innhold-wide .post h2 a {
	font-family: articsemibold;

	color: #007f7d;
	text-decoration: none;
	}

#innhold .post h2 a:hover, #innhold-wide .post h2 a:hover {
	color: #007f7d;
	text-decoration: underline;
	}

#innhold .post .dato-ingress, #innhold-wide .post .dato-ingress {
	margin: 7px 0 0;
}

#innhold .post .tekst, #innhold-wide .post .tekst {
	width: 492px;
	float: right;
	font-size: 10pt;

}

.post img {
	margin: 5px 0 15px;
}

#innhold .post .metadato, #innhold-wide .post .metadato {
	width: 108px;
}

#innhold .post .dato, #innhold-wide .post .dato {
	color: #666;
	font-family: articsemibold;
	font-size: 10pt;
}

#innhold .post .comments a, #innhold-wide .post .comments a {
	color: #666;
	font-family: articlight;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}

#innhold .post .comments a:hover, #innhold-wide .post .comments a:hover {
	color: #fff;
	background-color: #007f7d;
}

.more-link {
	display: block;
	clear: both;
	margin: 10px 0 0;
	
}

#singlepostmeta {
	margin: 10px 0 0 0;
	
}

.entry p {
	margin: 0 0 15px 0;
	font-size: 10pt;
}


.post .kunde {
padding: 3px 5px 2px;
margin:  5px 0 0;
background-color: #e3f1f1;	
font-size: 9pt;
}

.post .kunde a {
	color: #007f7d;
	text-decoration: none;
}

.post kunde a:hover {
	text-decoration: underline;
}
/* Denne brukes pΠansatt-siden */ 
/* erstattet av ansattv3.css */
/*
.ansatt {
	text-align:left;
	height: 144px;
	padding: 10px 25px; 
	margin: 0; 
	
	border-top: 1px dashed #cae3e4;
	border-bottom: 1px dashed #cae3e4;
	
	vertical-align: bottom;
	display:block;
	
	font-size: 12px;
	color: #818181;
	clear: left;
}

.ansatt img {
	width: 104px;
	height: 130px;
	margin: 0 18px 0 0;
	padding: 6px;
	
	border: 1px solid #b4d7d9;
	float:left;
}

.noborder {border: none;}
.ansatt p {margin: 0;}

.ansatt h2.navn {
	margin: 25px 0 0;

	font-weight: bold; 
	color: #057a81;
}

.ansatt p.stilling {margin:0 0 15px;}
.ansatt p div {width:100px;}
.ansatt a {color: #057a81; margin:0; padding:0}

.ansatt dl {color: #818181;}
.ansatt dt {width:75px; float: left;}
.ansatt p.notis {margin: 5px 0 0 0;}

*/



/* footer */
#blogginfo {
	margin: 25px 0 0 0;
	padding: 15px 0 0;
	clear: left;
	border-top: 1px solid #ddd;
	text-align: right;
}

#blogginfo a {
	font-size: 9pt;
	font-family: articlight, Helvetica, sans-serif;
	color: #333;

	vertical-align: bottom;
	background-image: url(/grafikk/bilder/rss.gif);
	padding: 0 16px 0 20px;
	background-repeat: no-repeat;
}

/*
Brukes på index.php - forsiden - for å presentere jobber
*/

#blurb {

	margin: 0 0 35px ;
	padding: 0 0 35px 170px;
	
	border-bottom: 1px solid #ddd;
	
	font-size: 10pt;
	color: #555;
}

#jobbpresentasjon {
	margin: 0;
	padding: 0;
	width: 842px;
/*	height: 158px; */ 		/* 1 linje høyt - (158 * 1) */
/*	height: 317px; */		/* 2 linjer høyt - (158 * 2) + 1 */
	height: 476px; 	 		/* 3 linjer høyt - (158 * 3) + 2 */
/*	height: 635px; */		/* 4 linjer høyt - (158 * 3) + 3 */
	
	list-style-type: none;
}

#jobbpresentasjon img {
	border: 0;
}

#jobbpresentasjon li {
	width: 280px;
	height: 158px;
	
	margin: 0 0 1px;
	
	background-color: #dfefef;
	float: left;
	}

#jobbpresentasjon #j02,
#jobbpresentasjon #j05,
#jobbpresentasjon #j08,
#jobbpresentasjon #j11,
#jobbpresentasjon #j15,
#jobbpresentasjon #j18 {
	margin: 0 1px;
}

#jobbpresentasjon li a img {
	z-index: 0;
}


#jobbpresentasjon a {
	color: #007f7d;
	text-decoration: none;
}

#jobbpresentasjon a h2 {
	font-size: 13pt;
	font-family: articsemibold, Georgia, serif;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #007f7d;
}

#jobbpresentasjon p {
	color: #333;
	font-size: 11pt;
}

#jobbpresentasjon li a div {
	padding: 10px;

	z-index: 1;
	position: absolute;
	display: none;
	
	width: 260px;
	height: 138px;
	background-color: #fff;
	background-image: url(/grafikk/bakgrunn/bakside-teaser.gif);
	opacity: 0.9;
}

#jobbpresentasjon li a:hover div {
	display: block;
	float: none;
}

/* 
Brukes på Om Artic siden
*/


#produktmeny {
	margin: 0 0 20px;
	padding: 0 0 25px 0;
	
	border-bottom: 1px solid #ddd;
	overflow: auto;
	clear: left;
	
	list-style-type: none;
	
}

#produktmeny .intro {
	color: #007d7f;
	font-family: articsemibold;
	
	font-size: 10pt;
	
	padding: 4px 3px 0 3px;
	
}

#produktmeny li {
	float: left;
	margin: 0;
	color: #999;
}

#produktmeny li a {
	color: inherit;
	text-decoration: none;

	font-size: 10pt;

	padding: 0 8px ;
	border-left: 1px solid #007f7d;
	
}

#produktmeny li a:hover {
	color: #fff;
	background-color: #007f7d;
}

/*
BRUKES PÅ KOMMENTARER - comments.php
*/

.commentlist {
	list-style-type: none;
	width: 468px;
	margin: 0 0 25px;
}

.commentlist li {
	margin: 0 0 45px;
	padding: 0 0;
	font-size: 10pt;
	background-image: url(/grafikk/bakgrunn/kommentarbunn-venstre.gif);
	background-repeat: no-repeat;
	overflow: auto;

}


#kommentarfelt a {
	color: #007d7f;
}

.commentlist li p {
	padding: 5px 10px 0 110px;
	font-size: 13pt;
	
}


.commentlist .kommentar-forfatter {
	padding: 10px 0 0 110px ;
}

.commentlist .kommentar-forfatter {
	margin: 0 0 7px;
}

.commentlist .kommentar-forfatter span {
	margin: 0 30px 0 0;

}
.commentlist p.godkjenning {
	margin: 10px 0 0 109px;
	padding: 10px;
	color: #900;
	font-size: 9pt;
}	

.commentlist .kommentar-forfatter a, 
.commentlist .edit-comment a {
	color: #333;
	font-family: articsemibold;
	text-decoration: none;
}

.commentlist .edit-comment {
	padding: 5px 0 15px 0; 
	float: right;
}


.commentlist img {
	float: left;
	clear: left;
}

#respond h3 {
	font-size: 12pt;
	}

#respond #author,
#respond #email,
#respond #url {
	font-size: 12pt;
	border: 0;
	width: 300px;
	padding: 3px;
	margin: 5px 15px 10px 0;
	background-color: #f7fafa;
	border: 1px solid #fff;
}

#respond #comment {
	font-size: 12pt;
	width: 450px;
	height: 300px;
	padding: 5px;
	border: 0;
	border: 1px solid #fff;
	background-color: #f7fafa;

}

#respond #author:focus,
#respond #email:focus,
#respond #url:focus,
#respond #comment:focus {
	border: 1px solid #666;
	outline: none;
	background-color: #e3f1f1;
}
#respond #comment:focus {
	background-image: url(/grafikk/bakgrunn/bunn-respons.gif);
}

#respond a {
	color: #007d7f;
}

#respond form {
	font-size: 10pt;
}

#respond form textarea {
	margin: 10px 0;
}

/*navigasjon*/
/*brukes på poster som har flere sider*/
.sidelenker {
	text-align: right;

}

.sidelenker p {
font-family: articsemibold, Georgia, serif;
font-size: 13pt;
color: #666;
}

.sidelenker p span {
margin: 3px 15px;	

}

.sidelenker span {
	font-family: "articsemibold", Georgia, serif;

}
#innhold-wide .post .entry .sidelenker p a, 
#innhold-wide .post .entrytext .sidelenker p a,
.sidelenker a {
	text-decoration: none;
	background-color: #f3fafa;
	color: #666;
}