@charset "utf-8";
/* CSS Document */

/*   
Theme Name: Jajja
Theme URI: http://www.jajja.com
Description: Theme for www.jajja.com
Author: Joel Edegran
Author URI: http://www.jajja.com
Template: 
Version: 0.1

*/


/* HTML elements */

* {
	margin: 0;
	padding: 0;
	border: 0px;
}

html, body {
	height: 100%;
}

body {
	font-family: Arial;
	font-size: 12px;
	background-color:#ffffff;
	background-repeat:repeat-y;
	background-position:center;
	background-image:url(/_images/bg-body.png);
}


.float-right {
	float: right;
}


/* home start */

body#home {
	background-image:url(/_images/bg-body-home.png);
}

#start-flash-background {
	background-color: #e3ded8;
	height: 256px;
	margin: 0 0 0 0px;
}

#start-flash {
	/* width: 1150px; */
	width: 730px;
	height: 256px;
	margin: 0 auto 0 auto;
	padding: 0 20px;
}

#myAlternativeContent {
	margin: 0 0 0 -210px;
	/* formulär / startsidan */
	width: 1150px; 
	height: 256px; 
	background-image: url(/_images/jajja-start-image-bg.jpg);
}

#myAlternativeContentInner {
	margin: 0 211px 0 211px;
}

#myAlternativeContentInner > h1 {
	padding: 30px 0 20px 0; 
	text-align: center; 
	color:#9e927f; 
	font-family: arial; 
	font-weight: normal;
}

#myAlternativeContentInner > div > h2 {
	color:#9e927f; 
	font-size: 18px; 
	font-weight: normal;
}

#myAlternativeContentInner > div > p > a {
	font-size: 14px; 
	color:#ff6700; 
	margin: 0 0 5px 0;
}


#myAlternativeContentInner form input.website {
	display: block; 
	width:159px; 
	height:15px; 
	font-size: 14px; 
	padding: 3px 3px; 
	margin: 0 0 5px 0;
}

#myAlternativeContentInner form input.phone {
	display: block; 
	width:159px; 
	height:15px; 
	font-size: 14px; 
	padding: 3px 3px; 
	margin: 0 0 5px 0; 
	float: left;
}

#myAlternativeContentInner form input.button {
	display: block; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0 0px 5px; 
	float: left;
}


#start-form-1 {
	padding:10px; 
	margin: 0 0 0 50px; 
	width:250px; 
	height:110px; 
	background-color:#ffd300; 
	float:left;
}

#start-form-2 {
	padding:10px; 
	margin: 0 50px 0 0; 
	width: 250px; 
	height: 110px; 
	background-color:#ffd300; 
	float:right;
}


#page .english-home {
    background-image: none;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 0;
    position: relative;
    width: 355px;
	height: auto;
}

#page .english-home h1 {
    padding: 0 10px 0 0;
	position: static;
	text-align: left;
}

#home-right {
	background-image:url(/_images/bubble-tp.png);
	background-repeat:no-repeat;
	width: 355px;
	height:178px;
	float: left;
}

#page .no-magazine {
	background-image:url(/_images/bubble-urban.png);
}

#home-right img {
	float:right;
}

#home-right h3 {
	margin: 10px 0 10px 17px;
	width: 220px;
}

#home-right p {
	margin-left: 17px;
	width: 220px;
	font-size: 11px;
}

#home-right a {
	/*
	display: block;
	margin-left: 17px;
	width: 170px;
	font-size: 11px;
	*/
}

#home-puffs-bg {
	background-image: url(/_images/bg-puffs-home.png);
	background-position: center;
	background-repeat: repeat-y;
	padding-bottom: 0;
}

#home-puffs {
	width: 730px;
	margin: 15px auto 0 auto;
	padding: 0 20px;
}

#home-puffs p, #home-puffs a {
	font-size: 11px;
}


#home-puffs div#puff-col-1 {
	border-right:2px solid #eeebe5;
	padding-right:15px;
	margin-right:18px;
	width: 220px;
	float: left;
}

div#home-puffs div#puff-col-2 {
	width: 220px;
	float: left;
}

div#home-puffs div#puff-col-3 {
	border-left:2px solid #eeebe5;
	padding-left:18px;
	margin-left:15px;
	width: 220px;
	float: left;
}

div#puff-col-3 object {
	margin: 0px 0px 13px 0px;
}

#home-puffs div img {
	display: block;
	margin: 0 0 10px 0;
}


#home-puffs div h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}


/* home end */




input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#container #page #main-content blockquote {
	padding: 0px 0px 0px 63px;
	margin: 13px 0px 0px 0px;
	background-image: url(/_images/quote.png);
	background-repeat: no-repeat;
}


#container #page #main-content blockquote p {
	font-size: 16px;
	line-height: 21px;
	/* color: #a2968a; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#container #page #main-content blockquote p.small-text {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

.small-text, .footnote {
	font-size: 11px;
	font-weight: normal;
}


abbr, acronym {
	border-bottom: 1px dashed;
	cursor:help;
}

dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dd {
	/* margin-left: 42px; */
	margin-bottom: 20px;
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



.map {
	display: block;
	width: 330px;
	height: 280px;
	margin-bottom: 15px;
}


/* GENERAL STYLES */


h3 {
	font-size: 16px;
	font-weight:bold;
}

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

.clearboth{
	clear: both;
	float: none;
}

.go-west {
	float: left;
}

.question {
	font-weight: bold;
}

.faxnum {
	display: none;
}



/* MULTIPLE ID/CLASS AFFECTING STYLES */

#top-nav, #page, #footer {
	width: 730px;
}

#sub-nav li ul li.current_page_item a, #main-content h1, #main-content h2, #nav-info, #nav-info a, h3, #home-left h1, .nolink {
	color: #a2968a;
}

p, #main-content form, #main-content .in-article-navigation, #main-content h1, #main-content h2, #main-content h3, #page #main-content #nav-info, #home-left h1 {
	margin: 0 0 13px 0;	
}





/* Structure */

#container{
	width: 100%;
	height: 100%;
}








/* Header and top navigation */


#header {
	background-color:red;
	background-color:#ffffff;
	width: 100%;
	height: 126px;
	
}

.page-width {

}

#lang-top-bg {
	width: 100%;
	background-image: url(/_images/bg-top.png);
	background-position:center;
	background-repeat:repeat-y;
}

#lang-top {
	margin: 0 auto 0 auto;
	padding: 0px 0px 0px 20px;
	height: 26px;
	text-align: right;
	width: 750px;

}

#lang-top #phone-number {
	margin: 3px 0 0 0;
	float:left;
	font-size: 16px;
	font-weight:bold;
	color: #a2968a;
}

#lang-top #phone-number span {
	font-size: 10px;
	text-transform: uppercase;
	color: #a2968a;
}

#lang-top ul {
	float:right;
	padding-top: 2px;
	margin-top: 5px;
}

#lang-top ul li {
	text-transform: uppercase;
	display: block;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
	float:left;
}

#lang-top ul li a {
	color: #000000;
	padding-left: 20px;
	height: 16px;
	display: block;
	background-repeat:no-repeat;
	background-position:left;
}

#lang-top ul li a.on {
	background-image:url(/_images/dott_on.gif);
}

#lang-top ul li a.off {
	background-image:url(/_images/dott_off.gif);
}

#lang-top ul li a img {
	margin-top: -2px;
}


#lang-top input {
	float:right;
}

#searchform {
	display: inline;
	float: right;
}

#searchform fieldset{
	width: 250px;
	display: inline;
	border:0;
}

#top-search-box {
	width: 142px;
	/*
	width: 148px;
	*/
	height: 20px;
	margin: 0px 0px 0px 0px;
	display: inline;
	border:0;
	padding: 0 3px;
}

#searchsubmit {
	background: none;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial;
	height:26px;
	padding-right:16px;
	cursor:pointer;
	margin:0 0 0 5px;
	display: inline;
	border:0;
}

.search-title {
	font-size: 16px;
	color: #A2968A;
	border-bottom: 2px solid #EAE6DF;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#main-content h2.search-page-post-title {
	margin-top: 15px;
}

h2.search-page-post-title a {
	color: #A2968A;
}

.search-entry {
	border-bottom: 2px solid #EAE6DF;
	margin-bottom: 15px;
}

#main-content .search-entry h2 {
	margin-top: 15px;
}

#main-content .search-entry p {
	
}

.navigation {
	font-size: 12px;
}

.navigation div.alignleft {
	float: left;
}

.navigation div.alignright {
	float: right;
}

#search-result-form #searchsubmit {
	background-color: #DDD;
	height: 25px;
	width: 60px;
	float: right;
	margin-top: 5px;
}

#top-nav {
	width: 750px;
	margin: 0 auto 0 auto;
	padding: 0px 0px 0px 20px;
}

#top-nav ul {
	text-transform: uppercase;
	margin: 50px 0px 0px 0px;
	float:left;
}
	
#top-nav ul li {
	display: inline;
	margin: 0px 21px 10px 0px; /* margin: 0px 29px 0px 0px; */
	font-size: 11px;
}

#top-nav ul li.fb-like {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 80px;
}

#top-nav a {
	text-decoration: none;
	color: #000000;
}

#logo {
	float:right;
	margin: 10px 0px 0px 0px;
	padding-right:6px;
}

#top-facebook-like-button {
	float: left;
	width: 90px;	
	margin: 47px 0 0 4px;
}






/* PAGE */

#page {
	margin: 22px auto 0 auto;
	padding: 0 20px 0 20px;
}



/* NEWS PAGE */

#page.page-news #main-content p {
	margin: 0px 0px 5px 0px;
}

#page.page-news #main-content h2 {
	margin: 26px 0px 5px 0px;
}

#page.page-news #main-content p.preamble {
	font-weight: normal;
}

#page.page-news #main-content p#preamble {
	font-weight: normal;
}





/* SUB NAV */

#sub-nav {
	width: 139px;
	margin-right: 20px;
	float: left;
}

#sub-nav, #sub-nav ul {
	list-style:none;
}

#sub-nav ul li {
	
	
}

#sub-nav h4 {
	text-transform: uppercase;
	margin: 0 0 13px 0;
	font-size: 11px;
}

#sub-nav li ul li {
	margin: 0 0 4px 0;
	font-size: 12px;
}

#sub-nav li ul li ul {
	margin: 4px 0 0 0;		 
}

#sub-nav li ul li ul li {
	margin: 0 0 4px 14px;		 
}

#sub-nav a, #sub-nav li ul li.current_page_item ul li a {
	text-decoration: none;
	color: #000000;
}





/* START PAGE */


#home-left {
	width: 340px;
	margin: 0 30px 0 0;
	padding: 0 0 0 0 ;
	float: left;
	position: relative;
}

#home-left h1 {
	padding: 0 0 0 0;
	text-align: left;
}

#home-left h1 a {
	color: #000000;
}



/*  MAIN CONTENT  */

#main-content {
	width:332px;
	margin: 0 20px 25px 0;
	padding: 0px 0 0 0 ;
	float: left;
}

#nav-info {
	
}

#nav-info a {

}

#main-content h1, #home-left h1 {
	font-size: 24px;
	line-height: 29px;
}

#main-content h2 {
	font-size: 16px;
	line-height: normal;
	margin-top: 26px;;
}

#main-content h3 {
	font-size:12px;
	color: #000;
	clear: both;
}

#preamble, .preamble {
	font-weight: bold;
	/* line-height: 13px; */
}

#main-content p {
	/* line-height: 13px; */
	/* 
	clear:both;
	*/
}

#main-content p a.post-edit-link {
	margin: 10px 0 0 0;
	display: block;
	
}

#main-content ul, #main-content ol {
	margin: 0 0 15px 15px;
}

#main-content ul li, #main-content ol li {
	margin: 0 0 10px 0px;
	
}


#main-content p.published-date {
	font-size: 11px;
}


#main-content .email, .page-images #main-content div p img.email {
	margin-bottom:-3px;
	width: auto;
}


#main-content #after-content-insert #link-me label, #main-content #after-content-insert #email-page-to-friend form label {
	display: block;
	margin: 0px 0px 0px 0px;
	/* font-size:11px; */
	clear: left;
	width: auto;
	float:none;
}

#main-content #link-me-code {
	display: block;
	width: 330px;
	height:100px;
	font-size:11px;
	padding: 3px 3px;
	font-family:"Courier New", Courier, monospace;
}

#email-page-to-friend, #link-me {
	display: none;
	margin: 0px 0px 10px 0px;
	clear:both;
}

#main-content #after-content-insert #email-page-to-friend form input, #main-content #after-content-insert #email-page-to-friend form textarea {
	margin: 0px 0px 5px 0px;
}

#main-content #after-content-insert #email-page-to-friend input.button {
	margin: 0px 100px 0px 0px;
}

#page #main-content img.pdf-icon {
	margin: 0px 5px 0px 0px;
	width: 16px;
	height: 16px;
}

#main-content img.in-article-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

#main-content img.in-article-right {
	float: right;
	margin: 0px 0px 10px 10px;
}


#main-content .in-article-navigation {
	margin: 0px 0px 26px 0px;
	
}

#main-content .in-article-navigation .next-page {
	float: right;
}

#main-content .in-article-navigation .previous-page {
	float: left;
}






/*  MAIN CONTENT FORM  */


#main-content form label {
	clear: both;
	float: left;
	width: 100px;
	padding: 1px 0px;
}

#main-content form input, #main-content form textarea {
	width: 226px;
	float: left;
	margin: 0 0 3px 0;
	padding: 2px 3px;
}

#main-content form input {
	height: auto;
}

#main-content form textarea {
	height: 80px;
}

#main-content form input.button {
	float: right;
	margin:10px 0px 3px 0px;
	border: 1px solid #999999;
	cursor: pointer;
	width: auto;
	height: auto;
	clear:both;
}






/*----- table01 START -----*/

#main-content table.table01 {
	margin: 0px 0px 13px 0px;
	width: 100%;
	border: 1px solid #ffe180;
}

#main-content table.table01 thead tr {
	background: #ffe180;
}

#main-content table.table01 td, #main-content table.table01 th {
	padding: 2px 10px;
}

#main-content table.table01 tr.evenrow {
	background: #fefbdf;
}

#main-content table.table01 tr {
	background: #ffffff;
}

#main-content table.table01 {
	font-size: 11px;

}



/*  MAIN CONTENT: WITEPAPER / ATT JOBBA PÅ JAJJA */


.page-images #main-content  div {
	margin: 26px 0px 0px 0px;
}

.page-images #main-content div a {

}

.page-images #main-content div img {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 100px;
}

.page-images #main-content div span.category {
	font-style: italic;
	font-size: 11px;
	display: block;
	margin: 0px 0px 5px 0px;
}

.page-images #main-content div h2 {
	margin-top: 0px;
}

.page-images #main-content div h2 img.h1-contacts {
	width: auto;
	float: none;
}


.page-images #main-content div p {
	clear: none;
}

.page-images #main-content div ul {
	list-style: none;
	margin: 0px;
}

.page-images #main-content div ul li.question {
	margin: 0px;
}








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



#page #main-content #after-content-insert {
	margin: 26px 0 0 0;
	font-size:11px;
	clear: both;
}

#page #main-content #after-content-insert p {
	margin: 0px 0px 13px 0px;
}

#page #main-content #after-content-insert p img {
	float: none;
	width: auto;
	height: auto;
}


.small-print {
	margin: 35px 0 0 0;
}

.small-print p {
	font-size:x-small;
	font-style:italic;
}




/* SIDEBAR */

#sidebar {
	width: 219px;
	padding: 0px 0 0 0px;
	float: left;
	margin: 0 0 25px 0;

}

#sidebar div {
	/*
	clear:both;
	background-image:url(/_images/sidebar-separator.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0 0 20px 0;
	width: 200px;
	*/
	
}

div#container div#page div#sidebar div h3 {
	float: left;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: 16px;
	line-height:19px;
	display: block;
}

div#container div#page div#sidebar div.with-icon h3 {
	width: 150px;
}

div#container div#page #sidebar div:first-child form fieldset h3 {
	margin-top: -10px;
	margin-bottom: 6px;
	margin-left: 9px;
	float: left;
	width: 150px;
}




#sidebar div img.sidebar-icon {
	float: left;
	margin-left: 11px;
	margin-right: -7px;
}

#sidebar div img {
	margin-bottom: 0px;
	margin-left: 16px;
}

#sidebar div:first-child img {
	margin-top: -11px;
	margin-right: 0;
	margin-left: 11px;

}


#sidebar div ul {
	display: block;
	clear: both;
	margin: 0 0 15px 35px;
}

#sidebar div ul li {
	margin: 0 0 3px 0;
}

#sidebar div ul li a {
}


#sidebar div ul.ext_ico {
	list-style-type: none;
	margin-left: 16px;
}

#sidebar div ul.ext_ico li {
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-bottom: 0px;
	margin: 0 0 3px 0;
	-moz-background-size: 16px 16px; /* Firefox 3.6 */
	background-size: 16px 16px;
}

#sidebar div ul.ext_ico li ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: disc;
}

#sidebar div ul.ext_ico li ul li {
	margin: 0;
	padding: 0;
}

	
/* lokala filer */
/*
li.jajja-magazine	{ background-image:url(/_images/favicon-jajja-magazine.ico); }
li.facebook			{ background-image:url(/_images/favicon-facebook.ico); }
li.linkedin			{ background-image:url(/_images/favicon-linkedin.ico); }
li.twitter 			{ background-image:url(/_images/favicon-twitter.ico); }
li.flickr			{ background-image:url(/_images/favicon-flickr.ico); }
li.gowalla			{ background-image:url(/_images/favicon-gowalla.ico); }
*/

/* externa filer */
li.jajja-magazine	{ background-image:url(http://magazine.jajja.com/favicon.ico); }
li.facebook			{ background-image:url(http://facebook.com/favicon.ico); }
li.linkedin			{ background-image:url(http://www.linkedin.com/favicon.ico); }
li.twitter 			{ background-image:url(http://twitter.com/favicon.ico); }
li.flickr			{ background-image:url(http://www.flickr.com/favicon.ico); }
li.gowalla			{ background-image:url(http://gowalla.com/favicon.ico); }
li.rejta			{ background-image:url(http://www.rejta.se/pics/favicon.ico); }
li.reco				{ background-image:url(http://www.reco.se/favicon.ico); }


#sidebar div p {
	clear: both;
	margin: 0 0 10px 16px;
}

#sidebar p {
	margin: 0 0 10px 26px;
}

#sidebar div form {
	margin: 0 0 10px 0;
}

#sidebar div form fieldset {
	border: 0;
}

#sidebar label {
	clear:both;
	float:left;
	height: 17px;
	width: 53px;
	display: block;
	padding: 0px 0 0 0 ;
	margin: 0px 0 3px 16px;
	font-size:11px;
}

div#container div#page #sidebar div:first-child form fieldset input.sidebar-input {
	margin-left: 9px;
}

.sidebar-input {
	/* width: 144px; */
	width: 144px;
	height: 15px;
	float: left;
	margin: 0 0 3px 0;
	padding: 1px 3px;
	border: 0;
}



/*
#sidebar div:first-child .sidebar-input {
	width: 144px;
	height: 15px;
	float: right;
	margin: 0 0 0px 0;
	padding: 1px 3px;
}
*/

.sidebar-send {
	float: right;
	margin-top: 7px;
	margin-right: -3px;
	color: #de4921;
	text-transform:uppercase;
	background-repeat:no-repeat;
	cursor: pointer;
}

.sidebar-separator {
	display: block;
	width: 219px;
	height: 2px;
	margin: 10px 0 10px 0;
	background-image:url(/_images/sidebar-separator.png);
}

#sidebar div object#FlashID {
	margin: 0px 0px 13px 16px;
	display: block;
	clear: both;

}

.link-sidebar-paper {
	float:right;
	margin:-15px 0 0 0;

}


#facebook-like-button {
	padding: 15px 0 0 0 ;
}


#after-content-insert .headline2 {
	color:#A2968A;
	font-size:16px;
	font-weight: normal;
}




/* FOOTER */

/*
#footer {
	margin: 15px auto 15px auto;
	padding: 0px 0px 0px 0px;
}
*/


/* NEW FOOTER */

#footer-container {
	background-image: url(/_images/bg-puffs-home.png);
	background-position:center;
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	clear: both;
	height: 50%;
	min-height: 170px;
}

#footer {
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	width: 730px;
}

#footer-logos {
	padding: 15px 0 15px 0;
}

#footer-logos a {
	color: #000000;
}

#footer-logos h3 {
	margin: 0 15px 10px 0;
}

#footer-logos ul {
	list-style: none;
	margin: 0 0 0 0;
}

#footer-logos ul li {
	display: inline;
	float: left;
	margin: 0 15px 0 0;
}

#footer-logos ul li img {
	display: block;
}

#footer-logos img {
	height: 52px;
	float: none;
	clear: both;
}

.footer-col-1 {
	float: left;
	margin: 0 15px 0 0;
}

.footer-col-2 {
	float: left;
}

.footer-divider {
	
}

.footer-divider img {
	display: block;
}

#footer-text {
	margin: 15px 0 0 0;
}

#footer-text p {
	font-size: 11px;
	margin: 0 0 0 0;
}




#main-content #not-found-search div fieldset input {
	height: inherit;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 12px;
}


#main-content #not-found-search #not-found-search-text {
	height: 20px;
    margin: 0;
    padding: 0 3px;

}

#main-content #not-found-search #not-found-search-submit {
	cursor: pointer;
	height: 20px;
	padding: 0 3px;
}