@import url("css/reset.css");
/*
Theme Name: Byggillet
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Byggillet
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu
*/



/*---------------------------------------[   General   ]*/


@font-face {
    font-family: 'LucidaSansDemiboldRoman';
    src: url('includes/lsansd-webfont.eot');
    src: url('includes/lsansd-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/lsansd-webfont.woff') format('woff'),
         url('includes/lsansd-webfont.ttf') format('truetype'),
         url('includes/lsansd-webfont.svg#LucidaSansDemiboldRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'LucidaSansRegular';
    src: url('includes/lsans-webfont.eot');
    src: url('includes/lsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/lsans-webfont.woff') format('woff'),
         url('includes/lsans-webfont.ttf') format('truetype'),
         url('includes/lsans-webfont.svg#LucidaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body {height: 100%;}
body {
	color: #525252; 
	font-size: 12px; 
	font-family: 'LucidaSansRegular', Arial, Helvetica, sans-serif;
	background: #F2F2F2; 
	line-height:16px;
}


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


blockquote {padding: 20px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px; font-style: italic; font-size: 18px;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'LucidaSansDemiboldRoman', Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin-bottom: 10px;  
}

.blog h3 {
	margin-bottom:0;
}

h1, h2, h3 { line-height:28px;}

h1 {font-size: 19px;font-weight: normal;}
h2 {font-size: 19px; font-weight: normal;}
h3 {font-size: 16px; color: #111; font-weight: normal; line-height:22px;}
h4 {}
h5 {font-size:13px; line-height:16px; font-weight: bold; margin-bottom: 5px;}

.lucidareg { font-family: 'LucidaSansRegular', Arial, Helvetica, sans-serif;}

.entry h2, .entry h4, .entry h5 {margin: 0;}

img {border: none;}

p {padding: 0 0 15px;}



.shadow {height: 10px; margin: 0 auto; width: 960px; background: url(images/shadow-top-bottom.png) no-repeat left top;}
#shadow-top {margin: 10px auto 0;}
#shadow-bottom {background-position: left bottom; margin-bottom: 50px;}
#mainWrapper { width: 940px; margin: 0 auto; background: url(images/shadow.png) repeat-y center top; padding: 0 10px; position: relative;}
#pageWrapper {padding: 0px 0 0;}




/*---------------------------------------[   Header   ]*/

#header {position: relative; width: 100%; overflow: hidden; margin: 0 0 15px;}
	
    #logo a{
        display: block; 
        text-indent: -999999px; 
        width: 112px; 
        height: 98px; 
        background: url(images/byggillet-logo.png) no-repeat left center;
        margin: 20px 20px 0px;
        float: left;
    }
    #logo a:hover {}
    #header h1 {margin: 0px;}

#headerText {position: absolute; top: 20px; right: 10px;}
#headerText span {color: #003366; font-weight: normal; margin: 0 20px 0 0;}
#headerText a:hover span  {color:#CC3300}

/*.logged-in #headerText {right: 0px;} */
#headerText .login-sep {margin: 0 0px 0 0; display: none;}
#personal { background: url(images/login-2.png) no-repeat; padding: 0 0 0 15px;}



/*---------------------------------------[   mainNav   ]*/

#mainNav {position: absolute; right: 20px; bottom: 0px; font-size:14px; font-family: 'LucidaSansRegular', Arial, Helvetica, sans-serif;}
#mainNav li {display: inline; position: relative;}
#mainNav li a {
    display: block;
    float: left;
    padding: 0px;
    margin: 0 0 0 20px;
    line-height: 1.5;
    color: #333;
    border-bottom: 1px solid #fff;
    font-weight:normal;
}
#mainNav li a:hover, 
#mainNav li.current_page_item a,
#mainNav li.current_page_parent a,
#mainNav li.current_page_ancestor a {
    border-color: #003366;
    color: #003366;
}

/*   lvl 2   */
#mainNav ul {display: none;}





/*---------------------------------------[   mainImg subImg  ]*/

#theImg {background: url(images/main-img.jpg); margin: 0 20px 20px; height: 360px; position: relative; color: #003366;}
#imgContent {
	background: rgba(255,255,255,.8) !important;
	background: url(images/trans.png) repeat;
	position: absolute; bottom: 20px; right: 20px; width: 400px; padding: 10px; height: 100px;}
#theImg .knapp {position: absolute; bottom: 10px; left: 10px;}

#subImg {padding: 0px; border: 0px solid #ddd; margin: 0 20px 20px;}







/*---------------------------------------[   subNavWidget   ]*/

#subNavWidget {width: 200px; float: left; margin: 0 0 0 20px; min-height: 20px;}

#subNavWidget a {display: block; background: #F0F0F0; margin: 0 0 1px; padding: 5px 10px; color: #003399;}
#subNavWidget a:hover, #subNavWidget .current_page_item a, #subNavWidget .current_page_parent a {background: #003399; color: #fff;}

#subNavWidget .page_item ul {margin: 0 0 0 10px;}
#subNavWidget .page_item ul a {color: #5E5E5E; border-left: 2px solid #B8B8B8; background: #F0F0F0;}
#subNavWidget ul a:hover, #subNavWidget ul .current_page_item a, #subNavWidget ul .current_page_parent a {color: #5E5E5E; border-color: #CC3300;}

#subNavWidget ul {display: none;}

#subNavWidget .current_page_item ul, #subNavWidget .current_page_ancestor ul {display: block;}





/*---------------------------------------[   Content   ]*/

#content { padding: 0 20px; float: left; background: #fff}
.contentGeneral {width: 460px;}
.contentWide, .content-referenser {width: 680px;}

    body .post, body .page {padding: 0 0 0px 0;}
	
    .post-title {margin: 10px 0 0px; font-size: 14px; color: #111}
    .post-title h2 {margin: 0px;}
    .postmetadata {font-size: 11px; color: #777; padding: 0px;}
    .type-post .postmetadata {margin: 0 0 10px;}
	
    .entry {}
    .entry h1 {font-size: 28px; color: #111}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol {list-style: disc outside; margin: 0 0 10px 20px}
    .entry ol li {list-style: decimal outside;}
	



/*---------------------------------------[   Sidebar   ]*/

#sidebar {width: 200px; float: left; margin: 0 20px 0 0; background: none;}
    #sidebar li {}


.ref-imgages {overflow: hidden; position: relative; z-index: 1;}
.ref-imgages img {border: 2px solid #E2E2E2; margin: 25px 0 10px;}
#ref-hidden-images, #ref-hidden-images img {position: absolute; width: 196px; height: 131px; top: 0px; left: 0px; z-index: -1;}


.widget {margin: 0 0 20px;}



#footer-widget-area {margin: 0 20px 20px 0; overflow: hidden;}
#footer-widget-area .widget-area {width: 286px; float: left; margin: 0 0 0 20px; min-height: 235px; }

#footer-widget-area .leftCol {
	float:left;
	width:612px;
}

#nyheter h5 a {color: #333;}
.nyheter-entry { margin: 0 0 20px;}
.nyheter-date {font-size: 10px; margin-bottom: 5px; display: block;}


/*---------------------------------------[   Footer   ]*/

#footer {clear: both; padding: 0px; margin: 0 20px; border-top: 1px solid #CFCFCF; color: #CFCFCF; position: relative; height: 40px; line-height: 40px;}
#copyText {text-align: center;}
.hemsidor {position: absolute; top: 0px; left: 0px;}





/*---------------------------------------[   Ovrigt   ]*/

.redigera {background: url(images/edit.png) no-repeat left center; padding: 0 0 0 20px; height: 20px; line-height: 20px;}

.knapp {background: #003399 url(images/arrow.gif) no-repeat right top; display: block; padding: 0px 30px 0px 5px; height: 22px; line-height: 22px; color: #fff; font-weight: normal; margin:0; width: 170px;}
.knapp:hover {color: #003399; background-color: #F0F0F0;}





/*---------------------------------------[   Referenser   ]*/
.referens {float: left; width: 200px; margin: 0 20px 20px 0;}
.referens img {border: 2px solid #E2E2E2; width: 196px; height: 131px;}
.referens img:hover {border-color: #003366}
.referens-titel {font-size: 10px; color: #525252; font-style: italic; margin:0;}
.referens-content {color: #171717; font-size: 16px; margin: 0 0 10px;}




/*---------------------------------------[   Puff   ]*/

.ps_puff img {border: 2px solid #E2E2E2;}
.ps_puff p {padding: 0 0 10px;}

#sidebar .ps_puff {font-size: 11px;}

/*---------------------------------------[   Galleri   ]*/

.gallery {overflow: hidden;}
.gallery .gallery-item {float: left; margin: 0 20px 20px 0;}
.gallery .last {margin: 0 0 20px 1px;}
.gallery img {width: 208px;}





/*---------------------------------------[   Cform   ]*/

.cform {width: 100%; overflow: hidden;}
.cform ol li {list-style: none;}
.cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
.cform legend {
    margin: 0px 0 0px;
    padding: 0px 0 5px;
    line-height: 1.1; 
    color: #39457b;
    font-weight: bold;
}
.cform ol {list-style: none; padding: 0; margin: 0}
.cform li {padding: 0px 0 10px; float: left; width: 50%;}
.cform label {display: block; width: 100%; padding: 0 0 2px;}
.cform input, .cform textarea, .cform select {border: 1px solid #ddd; width: 200px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #757575; background: none;}
.cform select {padding: 3px; width: 210px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 120px; width: 430px}
.cform p {}
.cform .cf-sb {}
.cform .sendbutton {cursor: pointer; width: 80px; background: #003366; color: #fff; font-style: normal; margin: 0 0px 0; border: none;}
.cform .sendbutton:hover {background: #003366; color: #fff}

#cformsform {display: none;}
#li--6 {float: none; width: 100%; clear: both;}


/* checkboxar */
.cform .cf-box-title {}
.cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;}
.cform .cf-box-group input {float: none; width: auto; height: 15px; }

/* submit messages */
.cf_info {padding: 0px 0; color: #333; font-weight: bold;}
.failure {color: #e33; padding: 10px 0;}
.success {color: #3C9C05; padding: 10px 0;}
.cform .cf_error {border: 1px solid #e33}
.cform .cf_li_err {}

/* other */
.emailreqtxt, .reqtxt {display: none;}
.cform .cf_hidden {display: none;}
.cform .oblig {font-size: 10px;}
.linklove {display: none;}






/*---------------------------------------[   wp pageNavi   ]*/

.wp-pagenavi {display: block; clear: both; margin-bottom: 20px; background: none; line-height: 2; text-align: center;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 3px 8px 3px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #003366;
	color: #003366;
	background: none;	
}
.wp-pagenavi a:visited {
	color: #003366;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #003366;
	color: #fff;
	background-color: #003366;
}
.wp-pagenavi a:active {
}
.wp-pagenavi span.pages {
	padding: 3px 8px 3px 8px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #003366;
	background-color: #003366;
}
.wp-pagenavi span.current {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #003366;
	color: #fff;
	background-color: #003366;
}
.wp-pagenavi span.extend {
	padding: 3px 8px 3px 8px; 
	margin: 2px;	
	border: 1px solid #003366;
	color: #003366;
	background: none;
}



#omCookiesOpen {float: right; color: #CFCFCF}





.page-id-107 td {padding: 0 0 20px}






#dark_bg {position: fixed; width: 100%; height: 100%; background: #000; top: 0; left: 0; bottom: 0; right: 0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}
#startWrap {position: absolute; top: 151px; background: #fff; width: 900px; left: 50%; margin: 0 0 0 -450px; height: 360px;}
#close_start {position: absolute; width: 32px; height: 12px; top: -15px; right: -15px; background: url(images/close.png) no-repeat right top; padding: 15px 38px 5px 0; cursor: pointer; z-index: 10}
#close_start:hover {color: #000;}
#startWrap .attachment-post-thumbnail {position: absolute; top: 0px; left: 0;}
#start_table,
#start_table td,
#start_table tr {height: 360px; vertical-align: middle; text-align: center; width: 100%; position: relative;}