@charset "UTF-8";
/*==============================================

Dev Style Sheet (Browsers 5+)

date (rev):		070515
ver:			1.1
author:			Ulf Hellerstedt	
email: 			uffe@smi.se
site:			http://www.helenaklint.se/

==============================================*/

/* RESET [A Clarke]
==============================================*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
/* Removes list-style from lists */
ol,ul { list-style : none; }
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }
/* Removes border from fieldset and img */
fieldset,img { border : 0; }
/* Left-aligns text in caption and th */
caption,th { text-align : left; }
/* Removes quotation marks from q */
q:before, q:after { content :''; }

* {
	margin:0;
	padding:0;
}

/* GENERAL STYLING
==============================================*/
body, 
html { 
	background: #F2EECB url(../i/bg10.jpg);
}
body {
	padding: 10px 15px;
	margin: 0;
	font: 62.5%/1.6 Constantia, Georgia, "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	background: #F2EECB url(../i/bg10.jpg);
}

/* MAIN LAYOUT (LAYOUT GALA #39)
==============================================*/
div#branding {
	height:162px;
	width:650px;
	background: url(../i/top.jpg) no-repeat left top;
	}
div#branding h1 {
	text-indent : -9999px; 
	}		
div#container {
	margin:auto;
	width: 650px;
	background: #fff;
	text-align:left;
	border: 3px double #ccc;
	}
div#news {
	margin:40px 0 0 0;
	padding:10px 5px;
	background-color:#F2EECB;
}
div#content {
	width : 100%; 
	margin:40px 0 0 0;
}


div#content_main {
	float:left;
	width:49%;
	}
div#content_sub {
	float:right;
	left:49%;
	width:49%;
	}

div#siteinfo {
	clear:both;
	width:100%;
	height:30px;
	background: #E4D6CD url(../i/footer2.jpg) no-repeat center center;
}
div#gallery {
	text-align:center;
	margin:40px 0 20px 0;
}	


/* NAV
==============================================*/
div#nav {
width: 650px;
height: 38px;
background: url(../i/hkNav.jpg);
margin: 0 auto; 
padding: 0 0 0 0;
position: absolute;/*orig:relative | fix to close gap to #branding {••} */
text-indent:-9999px;/*{••}-mod*/
}

#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#nav li, #nav a {height: 37px; display: block;}
#hem {left: 0; width: 162px;}
#helena {left: 162px; width: 162px;}
#galleri {left: 325px; width: 163px;}
#kontakt {left: 467px; width: 163px;}

#hem a:hover {background: transparent url(../i/hkNav.jpg) 0 -39px no-repeat;}
#helena a:hover {background: transparent url(../i/hkNav.jpg) -162px -39px no-repeat;}
#galleri a:hover {background: transparent url(../i/hkNav.jpg) -325px -39px no-repeat;}
#kontakt a:hover {background: transparent url(../i/hkNav.jpg) -467px -39px no-repeat;}


a {
outline-style:none; /*{••} FFox-dotted outline gone*/
}

/* TYPE
==============================================*/
h2 {
	margin:0 0 0 20px;
	font-size: 1.6em;
}
/*lulllull fr CSS-Pro TQ Croft {todo ••}
h2:before { 
	content: "\2767"; 
	margin-right: 0.5em;
    margin-left:  -1.6em;
    }
body.helena div#content_main,
body.kontakt div#content_main {
  	margin:0 0 0 20px;
	width:40%;
}
blockquote p:before { 
    content:  "\201C";
    text-indent:  -.5em;
	margin:0px 0 0 0px;
    }
    blockquote p:after { 
    content:  "\201D";  
    }
*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~*/

p, ul {
	margin:0 15px 10px 20px;
		font-size: 1.3em;
	}
p.center {
	text-align:center;
	margin-top:5px;
}
#news p {
	margin:0 0 0 20px;
	font-weight:bold;
	text-align:left;
}
a:link, a:visited {
	color: #414349;
}
blockquote p cite {
	font-style:italic;
	margin:0px 0 0 10px;
}
.info {
	color:#fff;
}
div#siteinfo {
	text-indent:-9999px;
}
/* LISTS
==============================================*/
ul {
	list-style:none;
}

/* IMAGES
==============================================*/
img {
	display:block;
	border:0;
}
.imageFrame {
/*	float: right;*/
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	margin:auto;
}
.imageFrame2 {
/*	float: right;*/
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	margin:0 15px 10px 20px;
}
/* GALLERY SPEC 
==============================================*/
body.galleri div#branding {
 	display:none;
}
body.galleri div#container {
 	background-color:#1a1a1a;
}
/*	Fix: how get another bg on only this page?
body.galleri {   	
	background-color:#1a1a1a;
}*/
body.galleri div#siteinfo {
  	display:none;
}

/*YAH*/
body.index #hem {background: transparent url(../i/hkNav.jpg) 0 -39px no-repeat;}
body.helena #helena {background: transparent url(../i/hkNav.jpg) -162px -39px no-repeat;}
body.galleri #galleri {background: transparent url(../i/hkNav.jpg) -325px -39px no-repeat;}
body.kontakt #kontakt {background: transparent url(../i/hkNav.jpg) -467px -39px no-repeat;}




/* external links fr (CSS Mastery - Andy Budd) 
================================== */

a[href^="http:"] {
  background: url(../i/externalLink.gif) no-repeat right top;
  padding-right: 15px;
/*  border-bottom-style: none;*/
}
a:hover[href^="http:"] {
/* 	background: #DAF715;*/
	color:#000;
  
}

a[href^="https:"] {
  background: url(../i/externalLink.gif) no-repeat right top;
  padding-right: 15px;
/*  border-bottom-style: none;*/
}
a:hover[href^="https:"] {
/* 	background: #DAF715;*/
	padding:3px 0;
	color:#000;
}

a[href^="http://www.helenaklint.se"]  {
  background-image: none;
  padding-right: 0;
}

a[href^="mailto:"] {
  background: url(../i/email.png) no-repeat right top;
  padding-right: 20px;
/*  border-bottom-style: none;*/
}
a:hover[href^="mailto:"] {
/*	background: #DAF715;*/
	color:#000;
}

a[href$=".pdf"] {
  background: url(../i/pdf1.jpg) no-repeat right top;
  padding-right: 15px;
/*  border-bottom-style: none;*/
}
a:hover[href$=".pdf"] {
/* 	background: #DAF715;*/
	color:#000;
}