/*  
Theme Name: Wdlinköping
Theme URI: http://www.wdlinkoping.se
Description: Wdlinköping - En Digital Webbyrå.
Version: 2.0
Author: Wdlinköping
Author URI: http://www.wdlinkoping.se
*/



 @import "css/reset.css";
 
body{margin:0;color:#f1f1f1;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.4;background:#f1f1f1;padding:0}



@font-face {
	font-family: 'CalibriRegular';
	src: url('includes/fonts/calibri-webfont.eot');
	src: local('☺'), url('includes/fonts/calibri-webfont.woff') format('woff'), url('includes/fonts/calibri-webfont.ttf') format('truetype'), url('includes/fonts/calibri-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('includes/fonts/leaguegothic-webfont.eot');
	src: local('☺'), url('includes/fonts/leaguegothic-webfont.woff') format('woff'), url('includes/fonts/leaguegothic-webfont.ttf') format('truetype'), url('includes/fonts/leaguegothic-webfont.svg#webfont9IzK34yW') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
background:none repeat scroll 0 0 #F1F1F1;
color:#F1F1F1;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1.4;
margin:0;
padding:0;
}
h1 {
color:#CBCBCB;
font:48px/1.2 "LeagueGothicRegular","Bitstream Charter",serif;
letter-spacing:-1px;
margin:0 0 25px;
}
h3 {
color:#777777;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:19px;
font-weight:lighter;
margin-bottom:5px;
}
h4 {
font-size:18px;
}
h5 {
font-size:14px;
}
h6 {
font-size:12px;
}
h2 {
color:#333333;
font:27px/1.2 "CalibriRegular",Helvetica,Arial,sans-serif;
letter-spacing:-1px;
margin-bottom:15px;
}
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration:none;
}
#top {
background:none repeat scroll 0 0 transparent;
}
.col-left {
float:left;
}
a {
color:#4A4A4E;
text-decoration:none;
}
a:focus {
outline:medium none;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration:none;
}
#top {
background:none repeat scroll 0 0 transparent;
}
.col-left {
float:left;
}
.col-right {
float:right;
}
.col-full {
margin:0 auto;
width:960px;
}
.col-full-login {
background:url("images/loginbackground.png") no-repeat scroll 0 0 transparent;
height:220px;
margin:0 auto;
width:480px;
}
.col-full-border {
border-top:1px solid #DDDDDD;
margin:0 auto;
width:960px;
}
.col-full-kontakt {
background:none repeat scroll 0 0 #FFFFFF;
height:auto;
margin:0 auto;
width:955px;
}
.mainshadow {
background:url("images/kontaktshadow.png") no-repeat scroll 0 0 transparent;
height:33px;
margin-left:-1px;
width:956px;
}
.col-full-port {
margin:0 auto;
width:1107px;
}
.col-full-porth {
float:left;
margin:0 auto;
padding-left:70px;
width:1000px;
}
#nav {
margin-top:38px;
text-align:right;
}
#nav li {
display:inline;
font:bold 14px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
padding-left:15px;
padding-right:10px;
text-decoration:none;
text-shadow:none;
}
#nav li a {
color:#CBCBCB;
text-decoration:none;
text-shadow:none;
}
#nav li a:hover {
color:#343434;
text-decoration:none;
text-shadow:none;
}
#nav li.current_page_parent a, #nav li.current_page_item a {
color:#282828;
text-decoration:none;
text-shadow:none;
}
#header {
background:none repeat scroll 0 0 transparent;
}
#logo a {
background-color:transparent;
display:block;
margin-left:0;
}
#logo a:hover {
opacity:0.5;
}
#logo img a:hover {
background-color:#0000CC;
}
#logo .site-title, #logo .site-description {
display:none;
}
#content {
background:none repeat scroll 0 0 #F1F1F1;
padding:0 0 60px;
}
#main {
color:#4C4C4C;
font-family:"CalibriRegular",Helvetica;
font-size:15px;
width:740px;
}
#main.fullwidth {
width:960px;
}
#mainkontakt {
margin-left:20px;
padding-top:30px;
width:950px;
}
#sidebar {
background:url("images/infoBubble.png") no-repeat scroll 0 0 transparent;
height:50px;
padding:25px 25px 15px;
width:150px;
}
#footer {
border-top:1px solid #DDDDDD;
height:30px;
margin:20px 0 0;
overflow:hidden;
padding:10px 0;
width:960px !important;
}
#footer p {
margin:0;
padding:0;
}
#footer div.widget {
color:#9F9F9F;
float:left;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:14px;
width:400px;
}
#widget2 {
color:#9F9F9F;
float:right;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:14px;
width:300px;
}
#footer div.widget ul {
list-style:none outside none;
margin:0;
padding:0;
}
#footer-vault {
background:url("images/vaultpress.png") no-repeat scroll 0 0 transparent;
float:right;
height:21px;
margin-top:-5px;
width:84px;
}
#featured {
margin-top:50px;
}
#featured-bild {
background:url("images/start.png") no-repeat scroll 0 0 transparent;
height:491px;
margin-left:-32px;
margin-top:-20px;
width:1021px;
}
#main-page1 {
float:left;
margin-top:40px;
width:320px;
}
#main-page2 {
float:left;
height:auto;
margin-top:40px;
width:320px;
}
.main-text {
float:left;
margin-left:10px;
width:300px;
}
#main-page3 {
float:right;
height:190px;
margin-top:40px;
width:310px;
}
.main-text2 {
float:left;
margin-left:15px;
width:270px;
}
#main-page1 p {
color:#666666;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:14px;
margin:0 0 15px;
}
#main-page2 p {
color:#666666;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:14px;
margin:0 0 15px;
}
#main-page3 p {
color:#666666;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:14px;
margin:0 0 15px;
}
#twitter_div h3 {
color:#CBCBCB;
font:italic 27px/1.2 "CalibriRegular",Helvetica,Arial,sans-serif;
letter-spacing:-1px;
margin-bottom:15px;
text-transform:none;
}
.port-cat {
text-transform:uppercase;
}
.port-cat a {
background:none repeat scroll 0 0 #E4E4E4;
border:1px solid #CCCCCC;
margin:0 0 0 5px;
padding:2px 6px;
}
.port-cat a:hover {
background:none repeat scroll 0 0 #EEEEEE;
text-decoration:none;
}
.post-bottom {
background:url("images/postBottom.jpg") no-repeat scroll 0 0 transparent;
height:162px;
margin-bottom:40px;
width:740px;
}
.post {
background:url("images/postTop.jpg") no-repeat scroll 0 0 transparent;
height:auto;
width:740px;
}
.post .title {
margin-left:40px;
width:600px;
}
.post-title {
margin-bottom:20px;
padding-top:20px;
}
.post .title a:link, .post .title a:visited {
color:#222222;
}
.post-meta {
}
.post-meta .comments a {
padding:0 0 0 20px;
text-transform:uppercase;
}
.post p.tags {
}
.entry {
background:url("images/postbg.png") repeat-y scroll 0 0 transparent;
width:740px;
}
.entry a {
color:#EB7200;
}
.entry a:hover {
color:#000000;
}
.entry-holder {
color:#000000;
font-family:"CalibriRegular",Helvetica,sans-serif;
font-size:14px;
margin-left:40px;
width:500px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin:0 0 15px;
}
.entry p {
margin:0 0 15px;
}
.entry blockquote {
color:#666666;
padding:10px 30px;
}
.entry ul {
margin:0 0 15px;
padding:0 0 0 30px;
}
.entry ul ul {
margin:0;
}
.entry ul li {
list-style-type:circle;
}
.entry ul ul li {
list-style-type:disc;
}
.entry ol {
margin:0 0 15px;
padding:0 0 0 30px;
}
.entry ol ol {
margin:0;
}
.entry ol li {
list-style-type:upper-alpha;
}
.entry ol li ol li {
list-style-type:lower-alpha;
}
.entry img {
}
img.wp-smiley {
border:medium none;
padding:0;
}
.entry .alignleft {
float:left;
margin:10px 15px 10px 0;
width:auto;
}
.entry .alignright {
float:right;
margin:10px 0 10px 15px;
width:auto;
}
.entry .aligncenter {
text-align:center;
}
.entry .wp-caption {
background:none repeat scroll 0 0 #F8F8F4;
border:1px solid #E6E6E6;
padding:1px;
text-align:center;
}
.entry .wp-caption img {
background:none repeat scroll 0 0 transparent;
border:0 none;
margin:0;
padding:4px 0;
}
.entry .wp-caption-text {
font-size:11px;
margin:0;
padding:0;
text-align:center;
}
#comments {
margin-top:20px;
padding:0;
position:relative;
}
.recent {
margin-bottom:-140px;
margin-top:35px;
width:740px;
}
.recentborder {
border-top:3px dotted;
color:#333333;
margin:0 auto 15px;
padding-top:15px;
width:690px;
}
strong {
color:#000000;
font:italic 19px/1.2 "CalibriRegular",Helvetica,Arial,sans-serif;
}
.textholder h1 {
color:#CBCBCB;
font:italic 40px/1.2 "CalibriRegular",Helvetica,Arial,sans-serif;
letter-spacing:-1px;
margin:0 0 25px;
}
.textholder h2 {
color:#4C4C4C;
font-family:"CalibriRegular",Arial,Helvetica,Geneva,sans-serif;
font-size:25px;
font-style:italic;
}
.textholder h3 {
color:#4C4C4C;
font-family:"CalibriRegular",Arial,Helvetica,Geneva,sans-serif;
font-size:19px;
}
.textholder blockquote {
color:#EB7200;
float:right;
font:italic 22px "CalibriRegular",serif;
margin:20px 0 30px 30px;
width:298px;
}
.textholder blockquote p {
line-height:1.5em;
margin:0;
}
.textholder blockquote cite {
color:#999999;
display:block;
font:0.57em Arial,sans-serif;
margin:10px 0 0;
}
.portfolio-text {
font-family:Helvetica;
font-size:12px;
font-weight:bold;
height:20px;
margin-top:10px;
text-align:center;
text-transform:uppercase;
width:261px;
}
.wpcf7-form p input {
background:url("images/k-label.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
font-family:"CalibriRegular","Lucida Sans Unicode",Arial;
font-size:14px;
font-weight:lighter;
height:40px;
margin-bottom:15px;
margin-right:15px;
padding:3px 3px 3px 4px;
width:280px;
}
.wpcf7-form p textarea {
background:url("images/k-area.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
font-family:"CalibriRegular","Lucida Sans Unicode",Arial;
font-size:14px;
font-weight:lighter;
height:157px;
padding:3px 3px 3px 5px;
width:582px;
}
.wpcf7-list-item {
display:table-row;
width:10px;
}
.wpcf7-list-item * {
display:table-cell;
width:10px;
}
#skicka {
background-image:url("images/btn-forms.png");
background-repeat:no-repeat;
font-size:0;
height:44px;
margin-right:15px;
width:132px;
}
#skicka:hover, skicka:focus {
background-position:0 -44px;
}
#skicka:active {
background-position:0 -88px;
}
#k-holder {
float:right;
height:434px;
margin-right:15px;
margin-top:-30px;
width:305px;
}
#k-icons {
background:url("images/k-icons.png") no-repeat scroll 0 0 transparent;
border:medium none;
height:211px;
margin-top:60px;
width:57px;
}
#k-social {
background:url("images/k-social.png") no-repeat scroll 0 0 transparent;
border:medium none;
float:right;
height:211px;
margin-right:15px;
margin-top:5px;
width:85px;
}
.k-text {
color:#333333;
float:left;
font-family:"CalibriRegular",Helvetica;
font-size:15px;
height:20px;
margin-bottom:45px;
margin-left:70px;
padding-top:13px;
width:200px;
}
.k-text a {
color:#DE5800;
}
.k-text a:hover {
color:#333333;
}
.k-textm {
color:#333333;
float:left;
font-family:"CalibriRegular",Helvetica;
font-size:15px;
font-style:italic;
padding-top:1px;
width:250px;
}
#kundloginholder {
float:right;
height:auto;
width:auto;
}
#kundloginholder a:hover {
color:#FFFFFF;
}
#holderform {
height:90px;
margin:0 auto;
width:960px;
}
.textholder {
margin:0 0 30px 240px;
width:720px;
}
.subnav {
margin:0;
padding:0;
position:absolute;
width:240px;
}
.subnav ul {
list-style:none outside none;
margin:0;
padding:0;
}
.submenu li a {
background-color:white;
display:inline-block;
font-size:16px;
font-weight:700;
padding:3px 12px;
}
.submenu li a.current, .submenu li a.current:hover {
background-color:#E8763A;
color:white;
font-size:16px;
font-weight:700;
}
.submenu li {
margin-bottom:2px;
}
.submenu li a:hover {
color:#E8763A;
}
.entry {
color:#1F1F1F;
text-shadow:0 1px 0 #FFFFFF;
}
#profileview {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#F2F2F2;
clear:both;
display:none;
height:235px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
}
#fullscreen {
background:none repeat scroll 0 0 #000000;
display:none;
height:100%;
opacity:0.5;
position:fixed;
right:0;
top:0;
width:100%;
z-index:99;
}
.closeprofile {
background:url("images/closebutton.png") no-repeat scroll 0 0 transparent;
color:#000000;
font-size:12px;
font-weight:700;
line-height:10px;
padding:8px 10px 10px;
text-decoration:none;
}
.closeprofile:hover, .viewcasestudy:hover {
color:#222222;
text-decoration:none;
}
.closeprofile:active {
padding:9px 10px;
}
.closeprofile {
bottom:-50px;
display:none;
left:50%;
position:absolute;
}
#profile {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
background:url("images/glass-light.png") repeat-x scroll 0 50% #333333;
border-bottom:medium none;
border-top:medium none;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:0.9em;
font-weight:700;
padding:7px 12px;
text-decoration:none;
}
#profile a {
color:#FFFFFF;
}
#box {
background:url("images/meddelande.png") no-repeat scroll 0 0 transparent;
height:286px;
margin-left:670px;
margin-top:-15px;
position:absolute;
width:450px;
}
#boxtext {
color:#FFFFFF;
font-family:"CalibriRegular",Avenir,Helvetica,Arial,sans-serif;
font-size:17px;
height:110px;
margin-left:40px;
margin-top:50px;
width:230px;
}
#boxtext a {
color:#FFFFFF;
font-family:"CalibriRegular",Avenir,Helvetica,Arial,sans-serif;
font-size:16px;
font-style:italic;
text-decoration:underline;
}
#boxtext a:hover {
color:#333333;
}
div.white-box {
-moz-box-shadow:0 0 35px #C6C6C6;
background:none repeat scroll 0 0 #FFFFFF;
clear:left;
float:left;
height:394px;
margin:30px 0;
padding:20px;
width:883px;
}
.image {
border-bottom:0 dotted #999999;
border-top:0 dotted #999999;
clear:left;
float:left;
height:360px;
width:545px;
}
.widget {
margin:0 0 30px;
}
.widget p {
color:#666666;
}
.widget ul {
clear:both;
}
.widget ul li {
}
.widget ul li a {
color:#666666;
display:block;
line-height:18px;
padding:3px 0;
text-decoration:none;
}
.widget ul li a:hover {
color:#000000;
}
.widget ul ul {
border-top:medium none;
padding:0 0 0 15px;
}
.buttonoffert {
height:44px;
margin-left:220px;
margin-top:130px;
position:absolute;
width:132px;
}
.btnGetInTouch a {
background-image:url("images/btn-forms.png");
background-position:-356px 0;
background-repeat:no-repeat;
border-bottom-style:none;
float:left;
height:44px;
width:132px;
}
.btnGetInTouch a:hover, .btnGetInTouch a:focus {
background-position:-356px -44px;
}
.btnGetInTouch a:active {
background-position:-356px -88px;
}
.btnolder {
background-image:url("images/btn-forms.png");
background-position:-132px 0;
background-repeat:no-repeat;
float:right;
height:44px;
width:132px;
}
.btnolder:hover, .btnolder:focus {
background-position:-132px -44px;
}
.btnolder:active {
background-position:-132px -88px;
}
.btnnewer {
background-image:url("images/btn-forms.png");
background-position:-785px 0;
background-repeat:no-repeat;
float:left;
height:44px;
margin-right:15px;
width:132px;
}
.btnnewer:hover, .btnnewer:focus {
background-position:-785px -44px;
}
.btnnewerand:active {
background-position:-785px -88px;
}
#projects {
margin:0 auto;
width:981px;
}
.thumb {
background:url("images/img-bg.png") no-repeat scroll 0 0 transparent;
float:left;
height:236px;
margin-bottom:70px;
margin-right:47px;
padding-left:5px;
padding-top:5px;
width:281px;
}
.thumbover {
}
.projects-container {
background:url("images/highlight.png") repeat-y scroll 0 0 transparent;
margin:0 auto;
overflow:hidden;
width:1107px;
}
#thumbholder {
display:inline;
height:236px;
margin:0 10px 20px;
width:281px;
}
#portfolio .block a.thumb {
background:url("images/portfolio-hover.png") no-repeat scroll 0 0 transparent;
border:1px solid #DDDDDD;
display:block;
margin:0 0 20px;
padding:4px;
}
#portfolio .block img.portfolio-img {
}
#portfolio .block h2 {
font-size:18px;
margin-bottom:15px;
}
.port-cat {
text-transform:uppercase;
}
.port-cat a {
background:none repeat scroll 0 0 #E4E4E4;
border:1px solid #CCCCCC;
margin:0 0 0 5px;
padding:2px 6px;
}
.port-cat a:hover {
background:none repeat scroll 0 0 #EEEEEE;
text-decoration:none;
}