/*  
Theme Name: PQR
Theme URI: http://www.dinwebb.nu/
Version: 2.0
Description: Design & Programmering av <a href="http://www.dinwebb.nu">Dinwebb.nu</a>.
Author: Dinwebb.nu
Author URI: http://www.dinwebb.nu

	Copyright: (c) 2010 dinwebb.nu
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/


/* Standard inst�llningar */
@import "css/reset.css";

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

INDEX:

1. SETUP
-1.1 Standardinst�llningar
-1.2 Hyperl�nkar

2. WEBBPLATSENS UTSEENDE OCH STRUKTUR
-2.1 Containers och kolumner
-2.2 Navigering
-2.2.1 Rullgardinsmenyer
-2.3 Header
-2.4 Featured Slider
-2.5 Inneh�ll
-2.6 Sidebar
-2.7 Footer

3. INL�GG
-3.1 Typografiska Elements
-3.2 Bilder
-3.3 Sidnumrering / WP-PageNavi

4. WIDGETS
-4.1 Widgets
-4.2 S�rskilda Widgets

5. KOMMENTARER
-5.1 Kommentarer
-5.2 Pingbacks / Trackbacks
-5.3 Kommentarer F�lt

6. MISC
-6.1 Knappar
-6.2 Info Boxar
-6.3 Kontaktformul�r 
-6.4 Gravity Forms 


7. TILL�GG
-7.1 Kod


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



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Standardinst�llningar */


html, body { height: 100%;}

html { margin-left: -1px; moverflow-Y: scroll; }

body {
	margin: 0px;
	padding: 0px;
	background: #141918 url(images/bg1_01.jpg) repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bcc0bf;
}

p { line-height:150%; margin-bottom: 20px; color: #ccc; }
a {color:#fff; text-decoration: underline;}
a:hover { color: #ccc;}
h2 { font-size: 18px; color: #C26D02; font-size:18px; font-weight:normal; letter-spacing:1px; text-transform:none; margin-bottom: 15px;}
/** WRAPPER */


#wrapper { background: url(images/bg2_01.jpg) repeat-x left top; }

.container { width: 900px; margin: 0px auto; }

#holder { width: 900px; margin: 0 auto;}
.clearfix { clear: both; }

/** HEADER */

#header-wrapper { height: 257px; background: url(images/bg1_03-nyvariant8.jpg) no-repeat center top; }

#header { width: 900px; }
	.langholder { width: 200px; height: 24px; float: right;  margin: 115px 0 0 0 ;}
	.lang1 { width: 24px; height: 24px; background: url(images/Sweden.png) no-repeat; text-indent: -9999px; display: block; float: right; }
	.lang2 {width: 24px; height: 24px; background: url(images/UnitedKingdom.png) no-repeat; text-indent: -9999px; display: block;float: right;}
	.lang3 {width: 24px; height: 24px; background: url(images/Brazil.png) no-repeat; text-indent: -9999px; display: block;float: right;}
	.lang4 {width: 24px; height: 24px; background: url(images/Finland.png) no-repeat; text-indent: -9999px; display: block;float: right;}
/** LOGO */

#logo { position: relative; float: left; width: 295px; height: 112px; margin-top: 145px; background: url(images/logo.png) no-repeat; }

#logo h1, #logo p { margin: 0px; padding: 0px; line-height: normal; text-indent: -9999px; }

#logo h1 a { display: block; position: absolute; top: 0px; left: 0px; width: 295px; height: 112px; text-indent: -9999px; }
#logo a { display: block; position: absolute; top: 0px; left: 0px; width: 295px; height: 112px; text-indent: -9999px; }

#menu { float: right; width:580px; height:34px; margin-top:68px; }

#menu a { text-align: center; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #FFFFFF;  }
#menu li {  float: left; margin: 17px 20px;  }

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

#menu .current_page_item {text-decoration: underline; color: #fff;}
#subNav { font-size:15px; line-height:19px; margin-left:45px; margin-top:20px; width:240px;}
#subNav a { list-style-type:circle; color: #fff; text-decoration: none;}

#subNav li {list-style-type:circle;}

#subNav .current_page_item { text-decoration: underline;}
/** SPLASH */

#salesarea { margin: 0 auto; position: relative; width: 900px; height: 309px;  }

#salesarea-page { margin: 0 auto; position: relative; width: 900px; height:142px; background: url(images/subpage1_01-nyvariant.jpg) no-repeat; }


#splash-bg {
	background: url(images/subpage1_01-nyvariant.jpg) no-repeat center top;
}
#pagebgtopfull { background:  url(images/bg3_01.jpg) no-repeat center top;}

#pagetag h3 { color: #BCC0BF; font-size: 14px; font-style: italic; font-weight: normal; text-align: right; text-transform: none; margin: 0 20px 0 0;}
#pagetag { float: right; height: 82px; margin: 60px 0 0; width: 900px;}

#pagetag .tagline-2 {   
	display: block;
    font-style: italic;
    height: 35px;
    margin: 20px 20px 0 0;
    text-align: right;
}

#pagetag .tagline-1 { background: url(images/tagline2.png) repeat-x; color: #fff; display: block; font-size: 20px; height: 30px; line-height: 29px; padding: 0 20px 0 0; text-align: right; text-transform: uppercase;}
#pagetag .tagline-1 h1 {  line-height: 29px; margin: 0 20px 0 0;}
#tagline  { bottom: -34px; height: 141px; position: absolute; right: 44px; width: 600px;}
#tagline .tagline { width:600px; display: block; clear:both; float:right; margin:0 10px 6px 0;}
#tagline h1 {color:#2E2E2E; font-size:32px; text-transform: uppercase; text-align: right; }
#tagline h3 {color:#FFF; font-size:20px;height:35px; text-transform: uppercase; text-align: right; }
/** PAGE */


#page { background:  url("images/bg3_02.jpg") repeat-y scroll center top transparent; }


#sidebar_left { width: 260px;}


#home-bgbtm {
	background: url(images/bg1_07.jpg) no-repeat center bottom;
}

#page-bgbtm {
	background: url(images/bg2_04.jpg) no-repeat center bottom;
}



#page-content { overflow: hidden; width: 830px; padding: 30px 35px 35px 35px; min-height:150px; }

#page-bgtop {
	background: url(images/bg2_03.jpg) no-repeat center top;
}
/** CONTENT */

#content {
	float: right;
	width: 540px;
}
#content ul { list-style: disc; line-height: 16px; margin-bottom: 10px; margin-left: 23px;}

strong {
color:#FEFFFF;
}
/** SIDEBAR */

#sidebar { float: left; width: 240px;}
#sidebar h4 { margin-bottom: 20px; color:#FFFFFF; font-size:18px; font-weight:normal; letter-spacing:-1px;}
#sidebar span {color:#C26D02;}
.parent {color:#C26D02; font-size: 18px; text-transform: uppercase; width: 260px; }
.parent a {color: #C26D02; text-decoration: none;}

/** FOOTER */

#footer-wrapper {
	height: 150px;
	background: url(images/bg2_06ny.jpg) no-repeat center top;
}

#footer {
	width: 605px;
	padding-left: 295px;
}

#footer p {
	margin: 0px;
	padding: 70px 0px 0px 0px;
	text-align: right;
	font-size: 10px;
	color: #fff;
}

.box-style {
}

.box-style span {
	color: #c26d02;
	text-transform: none;
}	

.box-style .title {
	letter-spacing: -1px;
	text-transform: none;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

 

.box-style .link {
	padding: 0px 0px 2px 25px;
	background: url(images/homepage04.gif) no-repeat left top;
}

#box5 {
	margin-top: 30px;
}

.entry {width:540px; float: right;}
.tabell { padding: 0 0 0 20px;} 
.links { float: right; margin-right: 60px; color:#D2D2D2; text-decoration:underline; font-size: 12px; text-transform: uppercase; font-weight: bold;}

.date {background:#C26D02; clear:left; color:#FFFFFF; float:left; height:15px; letter-spacing:-1px; margin:0px 11px 7px 0; padding:2px 0 0; text-align:center; width:51px;}
.datepost { font-size: 12px; color: #fff; font-weight: bold; margin-top: 15px; margin-bottom: 15px;}

.medarbetareBox {}
.medarbetareText { position: relative; line-height:15px;}
.medarbetareThumb { position: absolute; top: 0; right: 0px;}
.italic { font-style: italic; color: #fff;}
.searchbox { margin-top: 20px;}
.kontakt-title { line-height: 15px;}


#news-menu ul { margin-bottom: 17px; }
#news-menu a {font-size: 11px; color: #969E9D;}
#news-menu { margin-top: 20px; margin-bottom: 30px; width: 260px;}

#sub-menu {width: 200px; margin-top: 20px; margin-left: 45px; margin-bottom: 30px; }
.projekt-menu li { line-height:150%; color: #FFF; list-style-type: circle; font-size: 15px;}

.projekt-menu a{  color: #FFFFFF; text-decoration: none;}
.projekt-menu a:active{  text-decoration: underline;}

#page-content .projekt-menu a:hover { color: #ccc;}

#puffar { width: 230px;}

.ps_puff { width: 230px;}
.widget-title {color: #C26D02;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 15px;
    text-transform: none;
    margin-top: 20px;}
.widget-title a {color: #C26D02; text-decoration: none;}
    
#puff_content {float: right; width: 540px;}
#puff_content .ps_puff { width: 250px; float: left; list-style: none;}
#puff_content .puff-nr-1 { margin-right: 40px;}

#box1 .tabellen {  float: left; margin-right: 52px; width: 234px;}


.alignright {
    float: right;
    margin: 2px 15px 0px 0px;
    width: auto;
}

.alignleft {
    float: left;
    margin: 2px 15px 0 0px;
    width: auto;
}

.tabell2 embed { margin-top: -25px;}

.sub-menu  ul ul,
.sub-menu .current_page_item ul ul,
.sub-menu .current_page_ancestor ul ul,
.sub-menu .current_page_ancestor .current_page_item ul ul,
.sub-menu .current_page_ancestor .current_page_ancestor ul ul {
	display: none; margin: 2px 0 2px 12px; 
	}

.sub-menu .current_page_item ul,
.sub-menu .current_page_ancestor ul,
.sub-menu .current_page_ancestor .current_page_item ul,
.sub-menu .current_page_ancestor .current_page_ancestor ul,
.sub-menu .current_page_ancestor .current_page_ancestor .current_page_item ul,
.sub-menu .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}


.banner { position: absolute; top: 0px; right: 0px; height: 198px; width: 339px;}