/*
 * cv CSS
 *
 * Adds custom site styles.
 *
 */
 
body
{
	font: 13px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	background: #000;
}

.front .node
{
	margin-bottom: 0;
}

#page-wrapper
{
	background: #fff;
}

#pre-header
{
	height: 20px;
	background: #fff;	
}

#headerback
{
	height: 100px;
	background: url(gfx/headerback.gif) top repeat-x;
}

#postheaderback
{
	height: 60px;
	background: url(gfx/postheaderback.gif) top repeat-x;
}

#postheaderback.front
{
	height: 20px;
	background: url(gfx/postheaderback.gif) top repeat-x;
}

#splash
{
	background: #fff;	
	height: 223px;
}

#content
{
	background: #fff;	
	min-height: 280px;
	margin-top: 40px;
	margin-bottom: 20px;
}

#fronttext p
{
	margin-bottom: 0;
}

.node-type-webform #content
{
	margin-bottom: 0px;
}

#footerback
{
	background: #000 url(gfx/footerback.gif) top repeat-x;
	
}

#skip-to-tabs
{
	text-align: right;	
}

#tabs-wrapper
{
	border: 1px solid #444;
	margin-bottom: 20px;
}

#site-title
{
	padding-top: 27px;
	font: 23px 'Lucida Console','Monaco', Arial;	
	color: #fff;
	font-weight: bold;
	background: url(gfx/mabamo-logo-3.png) no-repeat;
	width: 234px;
	height: 70px;
}

#site-sub-title
{
	font: 13px 'Lucida Console','Monaco', Arial;	
	color: #fff;
}

#footer
{
	padding-top: 20px;	
}

.console
{
	font-family: 'Lucida Console','Monaco', Arial;
}

.unicode
{
	font-family: 'Lucida Sans Unicode','Lucida Grande', Arial;
}

#site-menu a
{
	color: #fff;
	text-decoration: none;	
}

#site-menu
{
	font-size: 16px;
	text-align: right;
	padding-top: 40px;
}

ul.links .last
{
	padding-right: 0;	
}

#post-header h1
{
	font-size: 20px;
	color: #666;
	margin: 20px 0 0 0;
	padding: 0;
}

h1
{
	font-size: 20px;
	color: #666;
	margin: 40px 0 20px -10px;
	background: #EBEBEB;
	padding: 10px;
}

fieldset.captcha {
	margin: 1em 0;
	padding: 0.5em;
	border: 0px solid #CCC;
}

#webform-client-form-5 #edit-submitted-besked
{
    display: block;
    margin-bottom: 0;
    width: 550px;
    height: 110px;
}

#webform-client-form-5 #edit-submitted-navn, #webform-client-form-5 #edit-submitted-e-mail
{
    width: 550px;
}

div.messages, div.status, div.warning, div.error 
{
    background-color: #FFFFCC;
    background-image: none;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border: 2px solid #FFFF77;
    color: #000000;
    margin: 0 0 5px;
    min-height: 21px;
    padding: 5px 5px 5px 5px;
}

.page-node-5 #content, #node-5 .content
{
	background: url(gfx/me.jpg) bottom right no-repeat;	
}

.node-inner a
{
	color: #729fcf;
}

.node-inner a:hover
{
	color: #000;
}

#webform-client-form-5 .webform-component
{
	margin-bottom: 10px;
}

#webform-client-form-5
{
	min-height: 420px;
}

.node-type-webform
{
	margin-bottom: 0;
}

#div1 
{
	width: 50%;
	float: left;
}

#div2
{
	width: 50%;
}

.view-forside-projekt .views-row
{
	width: 300px;
	height: 200px;
	background: url(gfx/projekt_back.jpg) no-repeat;
	float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.attachment .field-content
{
	display: block;	
}

.view-forside-projekt .attachment .views-row
{
	width: 920px;
	height: auto;
	background: #EBEBEB;
	clear: both;
	padding: 10px;
	margin-top: 40px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 20px;
}

.container-12 .divlast
{
	width: 280px;
}

.view-forside-projekt .views-row:nth-child(3n)
{
  margin-right: 0px;
}

.view-forside-projekt .views-row .views-field-title
{
	position: relative;
	top: 20px;
	left: 0px;
	height: 20px;
	text-align: center;
	font: 15px 'Lucida Console','Monaco', Arial;	
}

.view-forside-projekt .views-row .views-field-tid
{
	position: relative;
	top: 44px;
	left: 0px;
	height: 10px;
	text-align: center;
	font: 11px 'Lucida Console','Monaco', Arial;	
	color: #999;
	padding: 2px;
	}



.view-forside-projekt .views-row .views-field-field-projekt-image-fid
{
	position: relative;
	top: 35px;
	left: 50px;
}

.view-forside-projekt
{
	margin-bottom: 10px;
}

#flere-projekter
{
	background: url(gfx/postheaderback.gif) repeat-x;
	height: 13px;
	text-align: center;
	clear: both;
	margin-top: 220px;
	padding: 10px;
	font: 13px 'Lucida Console','Monaco', Arial;	
}

.terms
{
    display: inline;
    float: left;
    height: 30px;
    width: 620px;
}

.term .terms
{
	  display: block;
    width: 300px;
}

.term .field-field-projekt-image {
    background: url("gfx/projekt_back_article.jpg") repeat scroll 0 0 transparent;
    float: none;
    height: 200px;
    margin-left: 0px;
    width: 300px;
}

.terms ul.links li
{
	background:#ebebeb;
	padding: 5px;
}

.terms ul.links li:hover
{
	background: #f5f5f5;
	padding: 5px;
}

li a.active
{
    color: #999;
}

li a.active:hover
{
    color: #000;
}

a 
{
	color:#999;
	text-decoration: none;
}

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

.view-Terms
{
	margin-top: 17px;
	display: block;
	float: right;
}

.view-Terms .views-row, .view-Terms .views-row div
{
	display: inline;
}

.view-Terms .views-row
{

}

.view-Terms .views-row-last
{
	margin-right: 0;	
}

.view-Terms .views-row div
{
  background: none repeat scroll 0 0 #FFFFFF;
	padding: 5px;
	float: left;
	margin-right: 5px;
}

.view-Terms .views-row-last div {
    margin-right: 0px;
}

#footer .view-Terms .views-row div 
{
	float: none;
}

.view-Terms .views-row div:hover
{
  background: none repeat scroll 0 0 #F5F5F5;
	padding: 5px;
}

.block-inner .view-Terms .views-row, .block-inner .view-Terms .views-row div
{
	display: block;
}

.block-inner .view-Terms
{
	display: block;
	float: none;
	margin-top: 0px;
}

.block-inner .view-Terms .views-row div {
    background: none;
    padding: 0px;
    border-bottom: 1px solid #252525;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.view-Terms a, .node-inner .terms a
{
	color: #000;
}

#footer a
{
	color: #4d4d4d;
	font-size: 14px;
}

#footer a:hover
{
	color: #999;
	font-size: 14px;
}

.block-inner .view-Terms .views-row {
    margin-right: 0px;
}

#footer h2
{
	color: #666;
	font: 16px 'Lucida Console','Monaco', Arial;	
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #666;
}

.block-inner .views-field-title {
    background: none;
    border-bottom: 1px solid #252525;
    margin-bottom: 3px;
    padding: 0 0 3px;
}

#footer .pager, #footer li a
{
	color: #666;
}

html.js #footer a.views-throbbing,
html.js #footer span.views-throbbing {
  background:none;
  padding-right:0px;
}

html.js .view-forside-projekt a.views-throbbing,
html.js .view-forside-projekt span.views-throbbing {
  background-image: none;
  padding-right:0px;
}

.pager-next a:after
{
	content: '>>';
}

.pager-previous a:before
{
	content: '<<';
}

.item-list .pager li {
    background-image: none;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 70px;
}

.item-list .pager {
    clear: both;
    margin: auto auto 20px;
    text-align: center;
    width: 210px;
}

.item-list
{
	text-align: center;
}

#om-mig-cv, #sidebar
{
	background: #EBEBEB;
}

#sidebar 
{
	margin-top: 40px;
	margin-bottom: 20px;
}

#om-mig-cv div, #sidebar .content
{
	padding: 20px;
}

.active a
{
	border-bottom: 1px solid white;
	padding-bottom: 2px;
}

h2
{
	font: bold 16px 'Lucida Console','Monaco', Arial;	
	color: #666;
}

h3
{
	font: bold 14px 'Lucida Console','Monaco', Arial;	
	color: #666;
	margin-bottom: 10px;
}

#om-mig-cv br
{
	margin-bottom: 5px;
}

.field-field-projekt-image
{
	float: right;
	background: url(gfx/projekt_back_article.jpg);
	width: 300px;
	height: 200px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.field-field-projekt-image img
{

}

#imageDataContainer {

}


#content .term
{
	float: left;
	margin: 0 20px 20px 0;
	height: 200px;
}

#content .term:nth-child(3n+1)
{
	margin-right: 0px;
}

.taxonomy-term-description
{
	font-size: 14px;
}

.term p 
{
    font: 15px 'Lucida Console','Monaco',Arial;
    height: 20px;
    left: 0;
    position: relative;
    text-align: center;
    top: -180px;
    clear: both;
}

.term .field-field-projekt-image {
    background: url("gfx/projekt_back.jpg") repeat scroll 0 0 transparent;
}

.term .field-field-projekt-image img {
    position: relative;
    top: 13px;
}

.term .terms {
    color: #999999;
    font: 11px 'Lucida Console','Monaco',Arial;
    height: 10px;
    left: 0;
    padding: 0px;
    position: relative;
    text-align: center;
    top: -65px;
}

.term .terms ul.links li {
    background: none;
    padding: 0px;
}



.term li a:after
{
	content: ',';
}

.term li.last a:after
{
	content: '';
}

.node-type-projekt .field-field-projekt-image .field-items:after {
	content: 'Klik for et større billede';
}

.field-field-projekt-image .field-items {
	text-align: center;
	position: relative;
	top: 42px;
	color: #999;
	font: 11px 'Lucida Console','Monaco',Arial;
}

.field-field-projekt-image .field-items img {
	padding-bottom: 13px;
}

.field-field-projekt-images .field-item {
    background: url("gfx/projekt_back_article.jpg") repeat scroll 0 0 transparent;
    float: left;
    height: 200px;
    width: 300px;
    text-align: center;
    margin-right: 20px;
  	font: 11px 'Lucida Console','Monaco',Arial;
}

.field-field-projekt-images .field-item:nth-child(3n) 
{
	margin-right: 0px;
}

.field-field-projekt-images .field-item a:after {
	content: 'Klik for et større billede';
	position: relative;
	top: 42px;
	color: #999999;
}

.field-field-projekt-images img {
	display: block;
  position: relative;
	left: 50px;
	top: 42px;
	margin-bottom: 15px;
}

.field-field-projekt-images
{
    clear: both;
    display: block;
    padding-top: 20px;
}

#logo
{
	cursor: pointer;
}

#fronttext
{
	margin-top: 40px;
	text-align: center;
	font-size: 14px;
}

#fronttext p
{
	margin-top: 5px;
}

#fronttext h1, #fronttext h2
{
	display: inline;
	font-weight: normal;
	color: #000;
	font: 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin: 0;
	background: none;
	padding: 0;
}

#fronttext
{
	line-height: 25px;
}

.drupal
{
	height: 34px;
	width: 30px;
	background: url(gfx/drupal2.png) no-repeat;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}

.drupal:hover
{
	background: url(gfx/drupal2.png) no-repeat 0 -40px transparent;
}

.photoshop
{
	height: 34px;
	width: 30px;
	background: url(gfx/photoshop2.png) no-repeat;
	float: left;
	margin-right: 30px;
}

.photoshop:hover
{
	background: url(gfx/photoshop2.png) no-repeat 0 -40px transparent;
}

.flash
{
	height: 34px;
	width: 30px;
	background: url(gfx/flash2.png) no-repeat;
	float: left;
	margin-right: 30px;
}

.flash:hover
{
	background: url(gfx/flash2.png) no-repeat 0 -40px transparent;
}

.html5
{
	height: 34px;
	width: 30px;
	background: url(gfx/html52.png) no-repeat;
	float: left;
}

.html5:hover
{
	background: url(gfx/html52.png) no-repeat 0 -40px transparent;
}

input.form-text, input.form-password, input.form-file, textarea {
    background-color: #F9F9F9;
    border: 1px solid #E9E9E9;
    padding: 5px;
}

input.form-text:focus, input.form-password:focus, input.form-file:focus, textarea:focus {
    background-color: #ffffff;
    border: 1px solid #E9E9E9;
}

#content ol, #content ul
{
	margin: 2em;
}

#content li
{
	padding: 5px;
}

#content .view ol, #content .view ul, #content .terms ul.inline, #content .terms ol.inline
{
	margin: auto;
}

#content .view li, .terms li
{
	padding: 0;
}