@charset "utf-8";
/*************************************************
CSS Document
Author: Maria Therese Nordahl
Date: Februar 2010
Name of site: Softcom 2010

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

COLOR:
turkis/teal: #009caa;
dark gray: #414141; - blog entry title
gray: #414141 - text color
v.light gray: #bdbdbd - blog date 



/*
======================================================
>>RESETS (Meyer, edited)
======================================================
*/

html, body,
 /* div, span, applet, object, iframe,*/
 /*abbr, acronym, address, big, cite, code, del, dfn,*/ 
 /*ins, kbd, q, s, samp, small, strike */ 
 /* sub, sup, tt, var, b, u, i, center */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, font, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
	line-height: 1.33;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
======================================================
>>BASIC
======================================================
*/

html, body {
height: 100%;
}

html {
margin: 0; 
padding: 0; 
text-align: center; /*centering for <--IE6 */
overflow-y: scroll; /*always show vertical scrollbar - to keep page from jumping in FF*/
font: 76%/160% cambria, georgia,'times-new-roman', Arial, Tahoma, Verdana, sans-serif; 
background: url(style/images/top-bg.png) repeat-x;
color: #414141;
font-size: 14px;
}

body { 
width: 100%;
margin : auto; 
text-align : left; /*resetting the text*/
}

/*
======================================================
>>HEADINGS
======================================================
*/

h1, h2, h3, h5, h5, h6 { font-family: georgia; color: #414141; font-weight: normal;} 


h1 {

}

h1.branding {
margin: 0; padding: 0;
}

h2 { /*post title - også stylet under post/blog entry */
font-size: 35px;
color: #414141;
margin-left: -2px;
}

h3 {
font-size: 25px;
color: #414141;
margin-left: -2px;
}


em { 
font-style: italic;
}

strong {
font-weight: bold;
}

p {
margin-top: 12px;
margin-bottom: 14px;
line-height: 1.5em;
}

.clear {
clear: both; 
}

.teal {
color: #009caa;
}

.darkGray {
color: #484848;
}


.floatRight {
float: right;
}

.floatLeft {
float: left;
}



/*
======================================================
>>LINKS 
======================================================
*/

a { 
color : #028aa4; text-decoration: none;
}

a:link { 
color :#028aa4; text-decoration : none;
}

a:visited { 
color : #028aa4; text-decoration : none;
} 

a:hover { 
color: #666666; text-decoration : none; 
}

a:active, a:focus {
color: #666666; text-decoration : none; 
}

a {
outline: none;
}

input {
outline: none;
}

/*
======================================================
>>BRANDING
======================================================
*/

#topbar {
width: 100%;
height: 120px;
background: url(style/images/top-bg.png) repeat-x;
}

#branding {
float: left;
width: 193px;
height: 120px;
margin-left: 2px;
background: url(style/images/logo-softcom.png) no-repeat 0 85%;
}
	a.branding-link { 
	display: block;
	padding-top: 0em;
	padding-bottom: 0em;
	width: 193px;
	height: 120px;
	text-indent : -9999px;
	} 

/*
======================================================
>>NAV
======================================================
*/

div#nav-main {
float: right;
margin-top: 50px;
margin-right: 2px;
}
	div#nav-main ul {
	list-style-type: none;
	}
		div#nav-main li {
		display: block;
		padding-left: 2px; 
		padding-right: 1px;
		height: 65px;
		line-height: 65px;
		float: left;
		font-size: 16px;
		background: url(style/images/navmain-div.png) repeat-y 0% 0;
		}
			div#nav-main li a {
			display: block;
			padding-left: 28px; 
			padding-right: 28px;
			height: 65px;
			line-height:65px;
			color: #ededed;
			}
			
				div#nav-main li a:hover, div#nav-main li a.active {
				background: url(style/images/navmain-bg-active.png) repeat-x 0 30%;
				color: #009caa;
				}
				
				.active_category {background-color:#66FF00;}

			
				div#nav-main li a.icon-rss {
				margin-left: 20px;
				background: url(style/images/icon-rss.png) no-repeat 0 50%;
				}
				
					div#nav-main li a.icon-rss span {
					margin-left: 4px;
					}
				
					div#nav-main li a:hover .icon-rss {
					background: url(style/images/icon-rss.png) no-repeat 0 50%;
					}
				
				
			

/*
======================================================
>>CONTENT
======================================================
*/

#container {
width: 960px;
/* Lagt til for sticky footer */
margin: 0 auto -332px; /* the bottom margin is the negative value of the footer's height */
min-height: 100%;
height: auto !important;
height: 100%;
}

div#content {
overflow: hidden;
min-height: 500px;
margin-top: 40px;
padding-bottom: 30px;
}

div#content-main {
width: 646px;
float: left;
}


/*
======================================================
>>SIDEBAR / CONTENT-SECTION
======================================================
*/

div#sidebar {
width: 285px;
min-height: 200px;
float: right;
}

	div#sidebar ul {
	list-style-type: none;
	}
	
		div#sidebar ul li { /*the boxes - every box is a li */
		width: 280px;
		min-height: 50px;
		padding: 1px;
		border: 2px solid #F7F7F7;
		margin-bottom: 15px;
		}
		
			div#sidebar ul li .sidebox-inner { 
			padding: 13px 21px 13px 21px;
			/*padding: 22px 21px 33px 21px;*/
			border:1px solid #E7E7E7; 
			}
		
			div#sidebar ul li a {
			
			}

/*SEARCHBOX*/
			/*#searchBox {
			color: #939292;
			}*/
			
			#searchform {
			padding-top: 10px;
			margin-bottom: 0;
			text-align: center;
			}
			
			.searchboxInfo {
			padding-left: 20px; 
			font-size: 14px;
			}
		

/*SLOGAN*/
			p#slogan {
			color: #939292;
			font-size: 18px;
			text-align: center;
			}

/*CONTACTINFO*/
			p.contactinfo {
			font-size: 16px;
			text-align: center;
			}
			
				p.contactinfo span {
				font-size: 18px;
				color: #009caa;
				}
			
		
/*
======================================================
>>BLOG ENTRY
======================================================
*/

.post, .comments {
padding: 1px;
border: 2px solid #F7F7F7;
/*border: 2px solid #fafafa;*/
margin-bottom: 30px;
overflow: hidden;
}

	.post-inner, .comments-inner {
	padding: 22px 21px 33px 21px;
	border:1px solid #E7E7E7;
	overflow: hidden;
	}
	
		.post h2 { 
		font-size: 35px;
		color: #414141;
		margin-left: -2px;
		}
			
			.post h2 a { 
			color: #414141;
			}
		
		.post h6 { /*kategori*/
		color: #009caa;
		display: inline;
		font-size: 16px;
		}
		
		p.date {
		display: inline;
		color: #bdbdbd;
		font-family: arial, sans-serif;
		font-size: 11px;
		}
		
		div.bullet {
		display: inline;
		color: #bdbdbd;
		font-size: 16px;
		/*sett inn bilde */
		}
		
		.post-meta { /*tags, edit, antallComments, readmore*/
		width: 100%;
		margin-top: 15px;
		border-bottom: 1px dashed #cacaca;
		overflow: hidden;
		padding-bottom: 10px;
		}
			/*.post-meta a, .post-meta a:visited {
			color: black;
			font-weight: bold;
			}*/
		
			.numberOfComments {
			float: left;
			}
			
			.readmore {
			float: right;
			margin-right: 15px;
			}

.comment {
border-bottom: 1px dashed #cacaca;
margin-bottom: 15px;
}

.post-image {
border: 1px solid #cacaca;
padding: 1px;
margin-top: 2px;
}

/*
======================================================
>>FOOTER
======================================================
*/

div#footer{
width: 100%;
height: 332px; /*332px*/
background: url(style/images/footer-bg.png) repeat-x;
}
	#footer-content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 35px;
	padding-left: 20px;
	}
	
		#footer-content div#hvem {
		float: left;
		width: 390px;
		margin-right: 16px;
		}
		
			#footer-content div#hvem #ansatteLink {
			}
				#footer-content div#hvem h3#ansatteLink  {
				font-size: 25px;
				}
					#footer-content div#hvem h3#ansatteLink span {
					font-size: 16px;
					}
		
		#footer-content div#hva {
		float: left;
		width: 500px;
		background: red;
		padding-left: 38px;
		background: url(style/images/footer-div.png) repeat-y 0% 0;
		}
		
/*=======Typography=======*/

		#footer-content p {
		font-size: 14px;
		color: #616161;
		}

		#footer-content h3 {
		font-size: 30px;
		color: #009caa;
		}
			#footer-content h3 span {
			color: #fffefe;
			font-size: 20px;
			}
				

#push {
height: 332px;
}

#gras {
width: 960px;
width: 100%;
margin: 0 auto;
height: 155px;
background: url(style/images/gras.png) repeat-x 0 100%;
}

/*
======================================================
>>ICONS
======================================================
*/

.icon-facebook, .icon-twitter, .icon-linkedin {
display: block;
float: left;
margin-top: 7px;
margin-right: 14px;
width: 32px;
height: 32px;
border:none;
text-indent: -999999px;
background: url(style/images/icon-facebook.png) no-repeat ;
}

.icon-twitter {
background: url(style/images/icon-twitter.png) no-repeat ;
}

.icon-linkedin {
background: url(style/images/icon-linkedin.png) no-repeat ;
}

.icon-arrWhite {
width: 18px;
height: 18px;
padding-right: 23px;
background: url(style/images/arr-white.png) no-repeat right 71%;
}

.icon-rss { /*se nav-main */ }

.visitsite {
width: 18px;
height: 18px;
padding-left: 23px;
background: url(style/images/arr-black.png) no-repeat 0 71%;
}
/*
======================================================
>>IMAGES (POST?)
======================================================
*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*
======================================================
>>SEARCH (resultPAGE)
======================================================
*/

.searchResult {
border-bottom: 1px dashed #cacaca;
margin-bottom: 3px;
margin-top: 15px;
}
	.searchResult h3 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	}
	
	.searchResult p { 
	margin-top: -6px;
	margin-bottom: 8px;
	}
	
	.searchResult p.date { /*henter også styling fra POST date  (p.date) */
	display: block;
	margin-top: -4px;
	margin-bottom: 15px;
	}

/*
======================================================
>>BUTTONS
======================================================
*/



.submitButton { /*Søk*/
border:  1px solid #dcdcdc;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca;
background: white;
color: #393939;
width: 45px;
height: 23px;
background: url(styles/images/btn-search.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.buttonSearch {
/*border: none;
width: 66px;
height: 24px;
line-height: 20px; */
/*background: url(style/images/btn-search.png) no-repeat;*/
}



/*
======================================================
>>TABLES
======================================================
*/

table#ansatte {
margin-top: 10px;
margin-left: -2px;
width: 600px;
background: #ededed;
}
	table#ansatte td {
	padding-right: 20px;
	padding-bottom: 7px;
	}
	
	table#ansatte td.stilling {
	width: 100px;
	padding-left: 10px;
	}
	
	table#ansatte td.navn {
	width: 180px;
	/*color: #777;
	text-shadow: #ddd 1px 1px 0;*/
	}
	
	table#ansatte td.epost {
	width: 150px;
	}
	
	table#ansatte td.tlf {
	width: 100px;
	}