/*
Theme Name: V&B 3
Theme URI: http://www.valentin.se/
Description: Theme till Valentin&Byhr.
Version: 0.5
Author: Johan Gunnarsson, Henrik Jademyr
Tags: Valentin Byhr

Theme till Valentin&Byhr
*/

/*@import 'footer.css';
@import 'blogbox.css';
@import 'singlepost.css';*/

/* red: #c2021e; */

@font-face {
  font-family: "AvantGarde";
  src: url(fonts/AvantGardeGothicMeduim.eot); /* IE */  
  src: local("AvantGarde Medium"), url(fonts/AvantGardeGothicMeduim.ttf) format("truetype"); /* non-IE */  
}

html, body {
    height: 100%;
}

.push {height: 400px;}

* { 
  margin: 0; 
  padding: 0;
}

#height100wrap{
	position: relative;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -300px; /* the bottom margin is the negative value of the footer's height */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(img/header_bg4.png) center top no-repeat;
}

body.visitkortBody { 
	background-color: #C2021E;
}

body.contactBody {
	background: url(img/contact_bg.png) center top no-repeat;
}

body.omossBody { background:url(img/om-oss-bgr.png) center top no-repeat}

.om-oss-title {
	color:  #fff;
}

a {
	color: #000;
}

a h1, a h2, a h3, a h4 {
	color: #000;
}

a h1 {
	text-decoration: none;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.headwrapper, .topwrapper, .midwrapper, .bottomwrapper, #footerWrapper {
	width: 850px;
	margin: 0 auto;
	position: relative;
}

.top-logo {margin-top: 20px;}

p {
	margin-bottom: 1em;
}

li {
	margin-bottom: 1em;
}
	
div.post {
	margin-bottom: 20px;
}

h1, h2, h3, #topnav {
	font-family: "AvantGarde", Verdana, Arial, Helvetica, sans-serif;
}

/* head start */

.headwrapper {
	height: 144px;
}

#head h1 {
	position: absolute;
	width: 375px;
	height: 50px;
	top: 45px;
	left: 0px;
	text-indent: -10000px;
	overflow: hidden;
	background:url(img/valentin-och-byhr.png) no-repeat top left;
}

#head h1 a {
	display: block;
	width: 375px;
	height: 104px;
}

#topnav {
	position: absolute;
	top: 25px;
	right: 0px;
	list-style: none;
	font-size: 14px;
}

#topnav li {
	float: left;
	padding-left: 16px;
}

#topnav li a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 4px;
	border: none;
}

#topnav li a:hover {
	text-decoration: none;
	padding-bottom:0px;
	border-bottom: 2px solid #fff;
}

#searchform_startpage {
	position: absolute;
	top: 52px;
	right: 0px;
}

#searchinputwrapper {
	position: relative;
	top: 0px;
	right: 0px;
	border: 1px solid #fff;
	width: 370px;
	overflow: hidden;
	height: 26px; /* 1.7em */
	
}

input.searchInput {
	border: none;
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	padding: 11px;
	width: 367px;
	background-color: #c2021e;
	color: #fff;
}

#searchsubmit {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* head end */

/* top start */

.topwrapper h1, h1.heading {
	margin: 0 auto 25px auto;
	font-size: 20px;
	height: 24px;
	font-weight: normal;
	color: #a8a9aa;
}

.topwrapper h1 a {
	color: #000;
	text-decoration: none;
}


.topwrapper h2 {
	font-size:20px;
	margin-bottom: 0.5em;
	color: #c2021e;
}

.topwrapper h1 a:hover {
	text-decoration: underline;
}

#big_content {
	margin-bottom: 25px;
}

#big_content a {
	text-decoration: none;
}

#big_content h3 {
	font-size: 14px;
	font-weight: normal;
	
}

#big_content .blogBoxHeader {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	padding: 6px 20px;
	font-weight: normal;
	/*display: none;*/
	background:url(img/white80.png) repeat;
	min-height: 42px;
	width: 850px;
}


/*#big_content a:hover .blogBoxHeader {
	color: #fff;
}*/

.blogBoxTitle {
	margin-top: 0px;
	margin-bottom: 15px;
	height: 65px;
	overflow:hidden;
	}
	
.blogBoxTitle h3 a, .blogBoxTitle h3 a:visited, .blogBoxTitle h3 a:active {
	font-weight: normal;
	text-decoration:none;
	font-size: 14px;
	color: #000;
	}
	
.blogBoxTitle h3 {
	border:none;
	font-weight: normal;
	padding-bottom: 2px;
	font-size: 14px;
	font-style: normal;}
	
.blogBoxTitle h3:hover {
	border-bottom: 2px solid #c2021e;
	}
	
.noImage .blogBoxTitle {
	height:  55px;
	}
.noImage .blogBoxTitle h3:hover {
	border-bottom: 0;
	}
	
.blogBox.noImage .readmore {
	position: absolute;
	bottom: 58px;
	right:  0;
	width:  250px;
	font-size: 14px;
	font-family:"AvantGarde",Verdana,Arial,Helvetica,sans-serif;
	padding-bottom: 2px;
}

.blogBox.noImage .readmore:hover {
	bottom: 56px;
	border-bottom: 2px solid #c2021e;
}

/* top end */

/* mid start */

.blogBox {
	position: relative;
	width: 250px;
	height: 250px;
	margin-bottom: 0px;
}

.blogBox.noImage {}

.blogBox .blogBoxHeader {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background:url(img/white80.png) repeat;
	min-height: 42px;
	overflow: hidden;
}

.blogBox a {
	text-decoration: none;
}
/*small post box */
.blogBox .blogBoxHeader h3 {
	/*background: #fff;
	color: #000;*/
	color: #000;
	/*background-color: #c2021e;*/
	font-size: 14px;
	font-weight: normal;
	margin: 6px 20px;
	width: 210px;
	line-height: 1em;
}

a .blogBoxHeader h3,
a:hover .blogBoxHeader h3 {
	color: #000;
}

.blogBox a:hover .blogBoxHeader {
	background:#c2021e;
	color: #fff;
}

.midwrapper {
	left: 0;
	width: 900px;
}

.column_1_3 {
	width: 280px;
	float: left;
	padding-left: 20px;
}

.column_2_3 {
	width: 550px;
	float: left;
	padding-left: 30px;
}

#main .clientlist #tagline {
	margin-right: 50px;
	width: 350px;
	color: #fff;
	background-color: #c2021e;
	float: left;
}

#tagline a, #tagline2 a {color:  #fff}

#main .clientlist {
	width: 950px;
	float: left;
	padding-left: 25px;
}

#main .clientlist img {
	width: 102px;
	padding-right: 47px;
	padding-bottom: 10px;
}

.column_3_3 {
	width: 850px;
	float: left;
	padding-left: 50px;
}

.midwrapper .catDescription {
	height: 100px;
}

.midwrapper .catDescription h2 {
	color: #c2021e;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 10px;
}


.midwrapper .catDescription p{
	color: #000;
	padding-bottom: 10px;
	border-bottom: 2px solid #a8a9aa;
}

.midwrapper .catDescription p:hover {
	border-bottom: 2px solid #c2021e;
}

#main h2 {
	font-size:20px;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.singlepost h1 {
	font-size:20px;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	color: #000;
}

.singlepost img.big-image {margin-bottom: 20px;}

.singlepost h2, .singlepost h3 {
	margin-bottom: 0.5em;
}

ul.moreimages {
	list-style: none;
}

ul.moreimages li {
	float: left;
	padding-right: 15px;
}

.postcontent {
	display: block;
	margin: 0 0 0 200px;
}

p.postinfo {
	font-size: 80%;
}
p.postinfo span {
	display: block;
}

/* mid end */

/* footer start */

#footerBGWrapper {
	position:absolute;
	bottom: 0;
	width: 100%;
	background: #424242;
	padding: 30px 0 30px 0;
	color: #bfbfbf;
	font-size: 10px;
}

.footerContent {
	padding-top: 10px;
	height: 150px;
	overflow: hidden;
	float: left;
	border-right: 1px dotted #777;
	padding-right: 10px;
	margin-right: 15px;
}

#footerContent1{width: 200px;}
#footerContent2{width: 200px;}
#footerContent3{width: 200px;}
#footerContent4{
	width: 150px;
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

#footerBGWrapper a {
	color: #bfbfbf;
	text-decoration: none;
}


#footerBGWrapper a:hover { 
	text-decoration: underline;
}

#footerBGWrapper h3 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

.footerContent:last-child, .footer-noborder {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}


/*#link_english {
	background: url(img/icons/gb.png) no-repeat 0 50%;
	padding-left: 20px;
}

#link_rss {
	background: url(img/icons/rss.png) no-repeat 0 50%;
	padding-left: 20px;
}

#link_spotify {
	background: url(img/icon_spotify.png) no-repeat;
	margin: 0;
	padding: 0;
}


#link_youtube {
	background: url(img/icon_youtube.png) no-repeat;
	margin: 0;
	padding: 0;
}
*/
#socallinks li {
	margin-bottom: 0.5em;
}

/* footer end */

/* sidebar start */

#tagline, #tagline2 {
	background: #c2021e;
	padding: 20px;
	color: #fff;
}

#tagline2 {margin-top: 20px;}

#tagline h3, #tagline2 h3 {
	margin-bottom: 1em;
	text-transform: uppercase;
}

#sidebar h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#sidebar ul {
	list-style: none;
	padding: 20px;
}

#sidebar ul ul {
	padding: 0;
}

#sidebar ul a {
	color: #000;
	text-decoration: none;
}
/* sidebar end */

/* pagelist start */

h2.valentinare {
	padding-left: 30px;
	color: #A8A9AA;
}

#workerswrap{
	width: 900px;
	float: left;
	padding-left: 31px;
	padding-top: 20px;
}

/* .workerslist, .blogBoxLast, #sidebar, .clientlist .pagelist {margin-bottom: 350px;}  space for abolute footer */

.workerslist ul{
	overflow: auto; /* stops collapse of container */
	width: 100%; /* stops collapse of container */
	list-style: none;
	font-size: 80%;
}

.workerslist ul li{
	width: 155px;
	padding-right:19px;
	float: left;
	height: 200px;
}

#workerstagline {
	margin-right: 30px;
	position: relative;
	height: 182px;
	width: 305px;
	background: url(img/red-box.png) repeat-x;
}

#workerstagline p {
	margin: 15px 0 20px 20px;
	font-size: 12px;
	color: #fff;
	}

#workerstagline h3 {
	font-size: 14px;
	margin: 20px 0 0 20px;
	line-height: 0;
	color: #fff;
	text-transform:uppercase;
}

#workerstagline .namn{
	position: absolute;
	bottom: 12px;}

#workerstagline .yrke{
	position: absolute;
	bottom: 0;}

/*.pagelist {
	list-style: none;
	font-size: 80%;
}

.pagelist li {
	padding-right: 10px;
	/*white-space: nowrap;
} */

.pagelist img, .pagelist a img {
	margin-bottom: 5px;
	text-decoration: none;
	border: none;
}

.pagelist li a {
	color: #a8a9aa;
	text-decoration: none;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}

.pagelist li a span.yrke {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

/* HENRIK PILLADE START */

.pagelist li .namn, .pagelist li a span.yrke  {
	text-decoration: none;
	color: #a8a9aa;
}

.pagelist li a:hover .namn, .pagelist li a:hover span.yrke  {
	text-decoration: underline;
	color: #424242;
}

.pagelist li a img {
	margin: 0 0 5px 0;
}


.pagelist li a:hover img {
	text-decoration: none;
}

/* HENRIK PILLADE END */

/*span.namn,span.yrke {
	white-space: nowrap;
}*/

#dropdown{
	position:absolute;
	top:0px;
	right:22px;
}

#dropdown ul .item{display:none;}

#dropdown ul:hover .item, #dropdown ul.hover .item{
	display:block;
	padding-bottom: 5px;
	margin:4px;
	border-bottom: 1px solid #ddd;
}

#dropdown ul:hover .last, #dropdown ul.hover .last{
	border-bottom: 0px solid #ddd;
}

#dropdown ul:hover .item a {
	color:#888;
	text-decoration:none; 
	font-size: 80%;
	font-weight: bold;

}

#dropdown ul:hover .item a:hover, #dropdown ul.hover .item a:hover {color:#c2021e; }

#dropdown ul{
	width:120px;
	/*float:left;*/
	margin:0px;
	/*height: 20px;*/
	padding:2px 0 0 2px;
	background:url(img/white90.png); repeat;
	list-style:none;
	border-width: 1px;
	border-color: #ddd;
	border-style: solid;
	}
	
#dropdown ul:hover{ /*height: 235px;*/ }
	
#dropdown .dropdown-top {
	background:url(img/dropdown-bgr.png) no-repeat 100% -4px;
	margin-bottom: 0.5em;
	cursor: pointer;
	}

#dropdown ul:hover li.dropdown-top, #dropdown ul.hover li.dropdown-top  {
	margin-bottom: 1em;
}

#dropdown .dropdown-top span{
	margin-left: 5px;
	font-size: 80%;
	text-transform: uppercase;
	color: #888;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

/* pagelist end */

.clear {clear:both}

#visitkort {
	margin: 20px auto 0 auto;
	color: #A8A9AA;
	background:url(img/visitkort.png) no-repeat 0 0;
	width: 710px;
	height: 410px;
}

#visitkort b {font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
text-transform:uppercase;}

#visitkort a { color: #A8A9AA; text-decoration:none;}
#visitkort a:hover { color: #424242; text-decoration: underline;}

#visitkort img{
	float: left;
	margin-top:35px;
	margin-left:40px;
}

#visitkort-content { 
	margin-top: 35px;
	margin-right: 40px;
	width: 330px;
	float: right;
	font-size: 13px;
	display: inline;
}

#visitkort-fot{color:#fff; width: 660px; margin: 5px auto 10px auto;}
#visitkort-fot li{display: inline;}
#visa-alla{padding-left: 18px; background:url(img/icons/tiny-user.png) no-repeat 0 3px;}
#skriv-ut{margin-right: 10px;padding-left: 18px; background:url(img/icons/tiny-printer.png) no-repeat 0 3px; float: right;}
          
#visitkort-fot a,#visitkort-fot a:visited, #visitkort-fot a:active{ color: #fff;}
#visitkort-fot a:hover {text-decoration: underline;}


.topwrapper .wrap #big_content .vertical-middle,
.topwrapper #big_content .vertical-middle {margin-top: 180px}


.midwrapper-single {margin-top: 20px}

#ajaxSearchPlaceholder {
	position: absolute;
	z-index: 10000;
	top: 28px;
	left: -1px;
}

#ajaxSearchPlaceholder ul {
	width: 340px;
	margin:0;
	border-left: 1px solid #c2021e;
	border-right: 1px solid #c2021e;
	border-bottom: 1px solid #c2021e;
	background-color:#fff;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 5px;
	}
	
#ajaxSearchPlaceholder ul li {
	margin: 0px 10px 5px 10px;	
}

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