/* @override http://shut.test/sites/default/themes/shut/css/master.css */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Advokatfirmaet Schjødt
Version:		0.1
Last change:	20/08/08 [New links within CV - Extra info]
Author: 		eystein.alnaes@creuna.no
Primary use:	Website - Screen
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background:	#ffffff (white)
Content:	#1e1e1e (light black)
Header h1:	#9caa3b (green)
Header h2:	#ee4117 (red)
Footer:		#b5cede (dark black)

a (standard):	#0040b6 (dark blue)
a (visited):	#5999de (light blue)
a (active):	#cc0000 (pink)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy:		1.2em/1.8em arial, helvetica, sans-serif;

-------------------------------------------------------------------*/

 @import 'normalizer.css'; 

/* @group Typography */
body {
	font-size: 62.5%;
	font-family: arial, helvetica, sans-serif;
	color: #000;
}

h2 {
	font: normal 2em/1em arial, sans-serif;
	color: #b5ae66;
	margin-bottom: 5px;
}

#employees h2 {
	font-size: 20px;
}

h2#meetTheLawyers {
	font: bold 3em SuperGroteskC, arial;
	color: #b5ae66;
	letter-spacing: -1px;
	text-transform: uppercase;
}
	h2#meetTheLawyers span {color: #000;}

.home .main h2,
.home .secondary h2 {
	font: bold 1.3em SuperGroteskC, arial, sans-serif;
	text-transform: uppercase;
	width: 100%;
}
	

.col h3,
.category h3 {
	font: 1.5em/1em SuperGroteskC, arial, sans-serif;
	font-size: 1.5em;	
	font-weight: bold;
	text-transform: uppercase;
	color: #b5ae66;
}

.article h3 {
	font-size: 1.4em;
	line-height: 1.5em;
}

.article h4 {
	font-size: 1.2em;
	line-height: 1.5em;
}

p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 15px;
}
	p.intro {
		font-weight: bold;
	}
	
	strong {
		font-weight: bold;
	}
	
	.home p {
		margin-bottom: 10px;
	}

span.date {
	font: 1em/1.5em arial, sans-serif;
}

#global,
a.readMore {
	font-size: 1em;
	text-transform: uppercase;
}

#nav {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.5em;
}

.category {
	font-size: 1.2em;
	line-height: 1.4em;
}
	

div.cv dl {
	font-size: 1.2em;
}

	div.cv dl p {
		font-size: 1em; /* To reset drupals nested <p> to correct font-size */
	}

#employees {
	font-size: 1.2em;
	line-height: 1.5em;
}

#employees p {
	font-size: 1em;
}

#employees dt.name,
div.cv dt.name{
	line-height: 1.0em;
	font-weight: bold;
}

	#employees .secretary dt {
		text-transform: uppercase;
	}

.business dt,
.practice dt,
.office dt,
.extra-info h4 {
	font-weight: bold;
	text-transform: uppercase;
	color: #b5ae66;
}
.business dd,
.practice dd,
.office dd {
	line-height: 1.3em;
}

a.cv {
	color: #000;
	text-transform: uppercase;
}

#footer {
	color: #b5ae66;
}
	#footer p.vcard {
		font-size: 1.1em;
	}
	#footer i {
		font-style: normal;
	}

.secondary ul {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
}

.main ul {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 10px;
	list-style-type: disc;	
}
	.main .cv ul {
		font-size: 1em;
	}
	
	.main li ul{
		font-size: 1em;
		list-style-type: circle;
		margin-bottom: 0;
	}
	.main li {
		margin-left: 20px;
		list-style-position: outside;
	}

.main ol {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-left: 5px;
	list-style-type: decimal;	
}
	.main li ol{
		font-size: 1em;
		list-style-type: decimal;
		margin-bottom: 0;
	}
	
.col p {
	margin: 0;
}

/* @end */

/* @group Layout */
#wrapper {
	width: 1024px;
	margin: 15px auto 0 auto;
	position: relative;
}

	#nav {
		width: 172px;
		position: absolute;
		left: 20px;
		top: 146px;
	}
		#nav ul ul  {
			display: block;
		}
		
		#nav ul ul.display {
			display: block;
		}

	#container {
		margin: 0 20px 0 212px;
	}
	
	#previewHelp {
		display: none;
		visibility: hidden;
	}

#header {
	height: 146px;
	position: relative;
}
	#global {
		position: absolute;
		right: 0;
		top: 0;
		width: 400px;
	}
		#global #site {
			float: right;
		}
		#global ul {
			margin-bottom: 40px;
		}
		#global li {
			display: inline;
			margin-left: 10px;
		}
		
#header h1 img {
	display: none;
	visibility: hidden;
}

.content {
	float: left;
	margin-bottom: 40px;
}

#footer {
	clear: both;
	padding: 0 6px 0 0;
}
#footer p {
	border-left: 1px solid #000;
	line-height: 1em;
}
#footer span {
	padding: 0 3px;
	border-right: 1px solid #000;
}


.categories {
	float: left;	
	margin-bottom: 27px;
}
	.category {
		background: url(../images/gfx/black65-trans.png) 0 0 no-repeat;
		width: 244px;		
		padding: 0 6px 6px 6px;
		margin-right: 12px;
		position: relative;		
	}
		.home .category {
			float: left;
			height: 22em;
			background: transparent;
		}	
		.categories .last {margin-right: 0; border: none;}
	
		.category h3 {			
			width: 244px;
			padding: 9px 0 3px 0;
		}
		
			.employees .category h3 {
				padding: 25px 0 0 0;
				overflow: hidden;
				background-image: url(../images/gfx/titles-kompetanse.gif);
				background-repeat: no-repeat;
				width: 100%;
				height: 0px;
			}
				.employees .eng .category h3 {background-image: url(../images/gfx/titles-kompetanse-eng.gif);}
				.employees .category h3#coworkers {background-position: 0 5px;}
				.employees .category h3#fagomrade {background-position: 0 -25px;}
				.employees .category h3#bransjer {background-position: 0 -55px;}
				.employees .category h3#office {background-position: 0 -85px;}
			

			.home .category h3 {
				padding: 25px 0 0 0;
				overflow: hidden;
				background-image: url(../images/gfx/titles-home.png);
				background-repeat: no-repeat;
				width: 100%;
				height: 0px;
				
				position: absolute;
				left: 0;
				bottom: 0;
				cursor: pointer;
				z-index: 50;
			}
				.home.eng .category h3 {background-image: url(../images/gfx/titles-home-eng.png);}
				
				.home .category h3#fagomrade {background-position: -264px 0;}
				.home .category h3#kontorer {background-position: -528px 0;}

				.home .active h3#bransjer {background-position: 0 -35px;}
				.home .active h3#fagomrade {background-position: -264px -35px;}
				.home .active h3#kontorer {background-position: -528px -35px;}


			.home .category ul {
				background: url(../images/gfx/black65-trans.png) 0 0 no-repeat;
				width: 100%;
				position: absolute;
				bottom: 25px;
				padding: 10px 0 3px 0;
				left: 0px;
				z-index: 1;
			}
				.home .category ul li {
					padding: 0 6px 0 10px;
				}

.main {
	width: 510px; /* 2col (256px*2) + 1gutter(12px) - padding(left+right) - borders */
	padding: 0 6px;
	float: left;
}
	.article .main {
		min-height: 530px;
		display: inline;
	}

.secondary {
	width: 241px;
	padding: 0 6px;
	float: left;
}
	.home .secondary {
		float: left;
		margin-left: 12px;
	}

.secondary li {
	margin-bottom: 10px;
}

.col {
	float: left;
	background: transparent url(../images/gfx/white70.png);
	border-left: 1px dotted #000;
	padding: 6px;
	min-height: 500px;
}

.three {
	width: 250px;
}

div.last {
	border-right: 1px dotted #000;
}

.contact {
	margin-bottom: 30px;
}

.view-content-archive .article {
	border-bottom: 1px dotted #000;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

.home .main .article {
	margin-bottom: 10px;
}

/* =employees list */
#employees {
	overflow: hidden;
	margin: 0 -6px;
	
}

#employees li {
	clear: left;
	padding: 6px 0;
	width: 100%;
	float: left;
	margin: 0;
	list-style-image: none;
}

	#employees li h2 {
		margin: 0 0 0 6px;
	}

.main-contact {
	background: #f2f2e6;
}

.main-info {
	margin-left: 149px;
	padding-bottom: 0px;
	position: relative;
}
	.cv .main-info {
		padding-bottom: 0;
		min-height: 181px;
		margin-left: 143px;
	}
	/*
	.somo .main-info {height: 173px;}
	.somo .main-info .photo {overflow: visible;}
	*/
	
	
dd.photo {
	position: absolute;
	left: -143px;
	top: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
	.hidden dd.photo {
		height: 67px;
	}

dd.arrow {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: transparent url(../images/gfx/pil.gif) 2px -17px no-repeat;
	cursor: pointer;
}
	.hidden dd.arrow {
		background: transparent url(../images/gfx/pil.gif) 3px 2px no-repeat;
	}
		
.extra-info {
	display: none; /* Nasty, but necessary :/ .js shows it on click */
	margin-top: 10px;
	margin-left: 149px;
	position: relative;
	min-height: 96px;
}
	.cv .extra-info {
		display: block;
		margin: 0;
		clear: left;
		padding: 6px 0;
		min-height: 0;
	}
	
	#employees dl.business {
		float: left;
		width: 50%;
	}
	#employees dl.practice {
		margin-left: 50%;
	}
	
	.cv dl.business,
	.cv dl.practice,
	.cv dl.office {
		float: left;
		width: 33%;		
	}

	.secretary {
		padding-top: 11px;
		clear: both;
		overflow: hidden;
	}
	
	#employees .secretary dt,
	#employees .secretary .email,
	#employees .main-info dt.office,
	#employees .main-info dt.description {
		margin-right: 5px;
		float: left;
	}
	
	.secretary .email {
		clear: left;
	}

a.cv {
	position: absolute;
	right: 12px;
	bottom: 0;
}

/* =cv */
div.cv dt {
	width: 10em;
	float: left;
	clear: left;
}
	div.cv dt.name {
		float: none;
		width: auto;
	}
	div.cv .business dt,
	div.cv .practice dt,
	div.cv .office dt {
		float: none;
	}
.tel span.type {
	display: none;
}
div.cv dl,
div.cv dd,
div.cv .extra-info {
	overflow: hidden;
}
div.cv .extra-info dd {
	margin-bottom: 10px;
}	
	div.cv .extra-info .office dd,
	div.cv .extra-info .business dd,
	div.cv .extra-info .practice dd {
		margin-bottom: 0;
	}

div.cv dd ul li {
	margin: 0;
}

/* =search */
#searchBox {
	float: right;
	clear: right;
}

#searchBox form {
	 width:145px;
}

#searchBox form div {
	position: relative;
	overflow: hidden;
}

#searchBox #query{
	  font-size:1.1em;
	  color: #666;
	  width:112px;
	  height:16px;
	  padding:4px 26px 4px 7px;
	  border:0;
	  background:url(../images/gfx/search-box.gif) no-repeat top left;
}

#searchBox .overlabel-apply {
	position: absolute;
	top: 3px;
	left: 8px;
	z-index: 1;
	color: #999;
	text-transform: none;
	font-size: 14px;
}
	p#searchfield {
		position: relative;
		margin: 0;
	}


#searchBox #querySubmit {
	  position:absolute;
	  bottom:4px;
	  right:8px;
}
	

.full-col { 
	float:none;
}
	
.three-quarters-col {
	float:none;
}
.two-thirds-col {
	float:right;
	margin:0 0 0 15px;
}
.half-col {
	float:left;
	margin:0 15px 0 0;
}
.third-col {
	float:right;
	margin:0 0 0 15px;
}
.quarter-col {
	float:left;
	margin:0 15px 0 0;
}


/* @end */

/* @group Colours */

body {
	background: #fff url(../images/gfx/bodyBG.jpg) 50% 0 repeat-x;
}

#employees {
	border-top: 1px dotted #000;
}

#employees li {
	border-bottom: 1px dotted #000;
}

.article .content {
	border-right: 1px dotted #000;
}

.cv .extra-info {
	border-top: 1px dotted #000;
}

.category {
	border-bottom: 1px dotted #fff;
}
	.home .category {
		border: none;
	}

.main,
.home .secondary {
	border-right: 1px dotted #000;
	border-left: 1px dotted #000;
	background: transparent url(../images/gfx/white70.png);
}

body.cv .main {
	border-bottom: 1px dotted #000;
}


/* @end */

/* @group Navigation and links */

a {
	color: #b5ae66;
}
	a:hover {
		color: #000;
	}

h1 {
	top: 49px;
	width: 191px;
	height: 38px;
	position: relative;
	overflow: hidden;
	z-index: 900;
}

	h1 a {	
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 191px;
		height: 38px;
		color: #000;
		font-size: 2em;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		overflow: hidden;
	}
	h1 a span {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 191px;
		height: 38px;
		background: #fff url(../images/gfx/logo.gif) 0 0 no-repeat;
		cursor: pointer;
	}

.category a {
	color: #f3f3f3;
	text-decoration: none;
	display: block;
}
	.category a:hover {
		color: #fff;
		text-decoration: underline;	
	}
		.category a.current {
			background: #d3cc84;
			color: #000;
		}

.office a,
div.cv .extra-info a,
#employees a,
#nav a {
	color: #222;
	text-decoration: none;
}

#nav a {
	display: block;
	padding: 0 0 0 2px;
}
	.office a:hover,
	div.cv .extra-info a:hover,
	#employees a:hover,
	#nav a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	
	#nav a.current {
		background-color: #d3cc84;
	}

#nav ul ul li a {
	padding-left: 20px;
	font-weight: normal;
}

#global ul {
	font-size: 1.2em;
	color: #b5ae66;
}

#global ul a {
	text-decoration: none;
	color: #b5ae66;
}
	#global ul a:hover {
		text-decoration: underline;
	}

.secondary a {
	color: #000;
	text-decoration: none;
}
	.secondary a:hover {
		text-decoration: underline;
	}
	 
a.readMore {
	color: #000;
	text-decoration: none;
	background: #d3cc84;
	padding: 1px 10px 1px 1px;
}
	a.readMore:hover {
		font-weight: bold;
		text-decoration: none;
	}
	 
div.loader {
  clear: both;
  position: relative;
  width: 100%;
  height: 1px;
  top: -1px;
}

div.loader.active span {
   position: absolute;
   top: -20px;
   width: 220px;
   height: 19px;
   background-image: url(../images/gfx/ajax-loader.gif);
}

/* @end */

/* @group Search */


.searchresult{

}

/*The searchfield will be hidden when displaying search results*/
.searchresult .search-form{
	display: none;
}

.searchresult a{
	font-size: 1.5em;
}

.searchresult .content{
	border-right: 0px none;
}

.pager{
	margin: 0.5em;
}

.pager strong, 
.pager a{
	margin-right: 0.3em;
}

.searchtext{
	margin-top: 5px;
	float:left;
}

.search-form{
	float:right;
}

/* @end */