/*
Theme Name: Stina Wollter
Theme URI: http://stinawollter.se/
Description: 
Version: 
Author: Colin Lewis
Author URI: http://colinlewis.se/
*/

/* ..................................................................................... */
/* 1. Reset default html styles, basic styles. */
ul,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,div,dl,dt,dd
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	font: inherit;
	text-indent: 0;
}

html, body
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
	color: #353937;
	text-indent: 0;
	font-family: Tahoma, Verdana, sans-serif;
}

ul { list-style-type: none; }
p { margin-bottom: 1em; }
.clear { clear: both; }
.clearnone { clear: none; }
.hide { display: none; }
#skip { display: none; }

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

.piclenselink { display: none; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* close commented backslash hack */
/* ..................................................................................... */
/* 2. Phark image replacement */
.ir
{
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}

/* ..................................................................................... */
/* 3. Links */
a { outline: none; }

a,a:link,a:visited,a:active
{
	color: #45655A;
	text-decoration: none;
}

a:hover
{
	color: #45655A;
	text-decoration: underline;
}

#main-nav a
{
	color: #45655A;
	font-family: 'Gill Sans', gillsans, verdana, sans-serif;
	font-weight: bold;
}

#min-konst-nav a,
#annat-nav a
{
	color: #763931;
	font-family: 'Gill Sans', gillsans, verdana, sans-serif;
	font-weight: bold;
}

a.post-edit-link,
#footer a
{
	color: #999;
	font-size: 0.8em;
}

a.post-edit-link:hover { text-decoration: underline; }

/* ..................................................................................... */
/* 4. Logo link */
h1 a
{
	display: block;
	height: 57px;
	width: 194px;
	position: absolute;
	top: 13px;
	left: 751px;
	background-image: url('bg/headlines/stina-wollter.png');
}

h2#innehall-se a
{
	display: block;
	height: 34px;
	width: 105px;
	position: absolute;
	top: 36px;
	left: 21px;
	background-image: url('bg/headlines/innehall.png');
}

h2#innehall-en a
{
	display: block;
	height: 34px;
	width: 105px;
	position: absolute;
	top: 39px;
	left: 21px;
	background-image: url('bg/headlines/contents.png');
}

#en a
{
	display: block;
	height: 18px;
	width: 68px;
	position: absolute;
	top: 86px;
	left: 868px;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	background-image: url('bg/headlines/english.jpg');
}

#se a
{
	display: block;
	height: 18px;
	width: 68px;
	position: absolute;
	top: 86px;
	left: 868px;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	background-image: url('bg/headlines/svenska.jpg');
}

#en .active {display:none;}
#se .active {display:none;}

/* ..................................................................................... */
/* 6. Nav */
#main-nav
{
	position: absolute;
	top: 281px;
	left: 151px;
	text-transform: lowercase;
}

#min-konst-nav
{
	position: absolute;
	top: 233px;
	left: 704px;
	text-transform: lowercase;
}

#annat-nav
{
	position: absolute;
	top: 499px;
	left: 704px;
	text-transform: lowercase;
}

#main-nav,
#min-konst-nav,
#annat-nav { line-height: 1.7; }

/* ..................................................................................... */
/* 5. Structure */
body
{
	background-repeat: no-repeat;
	background-position: center 106px;
	width:100%;
	height: auto;
	min-height: 650px;
	text-align: center;
}

* html > body { height: 650px; }
#index { background-image: url('bg/body/index.jpg'); }
#body-8 { background-image: url('bg/body/om-mig.jpg'); }
#body-18 { background-image: url('bg/body/bilder-pa-mig.jpg'); }
#body-74 { background-image: url('bg/body/cv.jpg'); }
#body-22 { background-image: url('bg/body/pa-gang.jpg'); }
#body-25 { background-image: url('bg/body/kontakt.jpg'); }
body#body-32.se { background-image: url('bg/body/min-konst.jpg'); }
body#body-32.en { background-image: url('bg/body/my-art.jpg'); }
#body-42 { background-image: url('bg/body/systema-ignotum.jpg'); }
#body-51 { background-image: url('bg/body/uppdrag.jpg'); }
#body-54 { background-image: url('bg/body/workshops-foredrag.jpg'); }
#body-58, #body-157 { background-image: url('bg/body/undervisning.jpg'); }

#container
{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-size: 72%;
	color: #343937;
	line-height: 1.6;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
#container { font-size: 72%; }
}

#header
{
	height: 84px;
	width: 940px;
	margin: 0 auto;
	background-image: url('bg/header-bg.png');
	background-repeat: repeat-x;
	background-position: left top;
}

#header h3 { position: absolute; }

#footer
{
	position: absolute;
	top: 655px;
	width: 934px;
	text-align: right;
}

#footer ul 
{
list-style-type: none;
float: right;
margin-right:-10px;}

#footer ul li
{
border-left: 1px solid #ddd;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}

#footer ul li#no-border
{border:none;}

.post-edit-link
{
	position: absolute;
	top: 655px;
	text-align: left;
	left: 15px;
	z-index: 100;
}

/* ..................................................................................... */
/* 6. Index */
h3#min-konst-index-se
{
	height: 27px;
	width: 140px;
	position: absolute;
	top: 188px;
	left: 692px;
	background-image: url('bg/headlines/min-konst-index.jpg');
}

h3#min-konst-index-en
{
	height: 49px;
	width: 115px;
	position: absolute;
	top: 188px;
	left: 692px;
	background-image: url('bg/headlines/my-art-index.jpg');
}

h3#annat-index-se
{
	height: 26px;
	width: 91px;
	position: absolute;
	top: 456px;
	left: 692px;
	background-image: url('bg/headlines/annat-index.jpg');
}

h3#annat-index-en
{
	height: 49px;
	width: 215px;
	position: absolute;
	top: 456px;
	left: 692px;
	background-image: url('bg/headlines/more-index.jpg');
}

/* ..................................................................................... */
/* Om mig */
#headline-8-se
{
	height: 24px;
	width: 87px;
	left: 131px;
	top: 45px;
	background-image: url('bg/headlines/om-mig.png');
}

#headline-8-en
{
	height: 24px;
	width: 116px;
	left: 124px;
	top: 44px;
	background-image: url('bg/headlines/about-me.png');
}

#content-8
{
	margin: 85px auto auto auto;
	width: 790px;
}

/* ..................................................................................... */
/* Bilder pΠmig */
em
{
	font-style: normal;
	position: absolute;
	top: 570px;
	left: 60px;
}

#headline-18-se
{
	height: 36px;
	width: 170px;
	left: 127px;
	top: 39px;
	background-image: url('bg/headlines/bilder-pa-mig.png');
}

#headline-18-en
{
	height: 28px;
	width: 144px;
	left: 122px;
	top: 43px;
	background-image: url('bg/headlines/pictures-of-me.png');
}


#ngg-gallery-10-18
{width:450px;
margin: 50px 0 0 50px;}
#ngg-gallery-11-18
{width:450px;
margin: 0px 0 0 50px;}

/* ..................................................................................... */
/* CV */
#headline-74-se
{
	height: 26px;
	width: 55px;
	left: 131px;
	top: 41px;
	background-image: url('bg/headlines/cv.png');
}

#headline-74-en
{
	height: 26px;
	width: 55px;
	left: 120px;
	top: 42px;
	background-image: url('bg/headlines/cv.png');
}

#content-74
{
	margin: 85px auto auto auto;
	width: 790px;
}

/* ..................................................................................... */
/* PŒ gŒng */
#headline-22-se
{
	height: 35px;
	width: 92px;
	left: 131px;
	top: 39px;
	background-image: url('bg/headlines/pa-gang.png');
}

#headline-22-en
{
	height: 35px;
	width: 150px;
	left: 121px;
	top: 43px;
	background-image: url('bg/headlines/currently.png');
}

#content-22
{
	margin: 85px auto auto auto;
	width: 790px;
}

/* ..................................................................................... */
/* Kontakt */
#headline-25-se
{
	height: 36px;
	width: 100px;
	left: 134px;
	top: 37px;
	background-image: url('bg/headlines/kontakt.png');
}

#headline-25-en
{
	height: 36px;
	width: 100px;
	left: 125px;
	top: 42px;
	background-image: url('bg/headlines/contact.png');
}

#content-25 p
{
	position: absolute;
	top: 334px;
	left: 617px;
	color: #333;
}

#content-25 a { color: #333; }

#content-25 a.post-edit-link
{
	position: absolute;
	top: 655px;
	text-align: left;
	left: 15px;
	z-index: 100;
}

/* ..................................................................................... */
/* Om min konst */
#headline-32-se
{
	height: 40px;
	width: 125px;
	left: 131px;
	top: 36px;
	background-image: url('bg/headlines/min-konst.png');
}

#headline-32-en
{
	height: 40px;
	width: 125px;
	left: 122px;
	top: 40px;
	background-image: url('bg/headlines/my-art.png');
}

#content-32
{
	margin: 185px auto auto 88px;
	width: 840px;
}

/* ..................................................................................... */
/* Galleri mall */

.xinner .ngg-galleryoverview { background:#fff; padding:30px 110px 0px 95px; width:760px !important;}


.xinner .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail
{width:120px;
text-align:center;
}

.xinner .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img
{margin:0 auto; width:auto;}

.ngg-navigation a.prev
{
	position: absolute;
	top: 165px;
	left: 30px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	height: 26 px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	background-image: url('bg/arrows/arrow-left.gif');
	border: 0 !important;
}

.ngg-navigation a.next
{
	position: absolute;
	top: 165px;
	right: 30px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	height: 26 px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	background-image: url('bg/arrows/arrow-right.gif');
	border: 0 !important;
}

#body-42 a.prev,
#body-42 a.next,
.page-numbers, .ngg-navigation span { display: none; }

.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover
{
	background-color: #fff !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
}


.ngg-gallery-thumbnail img {
	background-color:transparent !important;
	border:1px solid transparent !important;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #fff !important;
	border:1px solid #ccc !important;
} 

/* ..................................................................................... */
/* MŒleri */
#headline-35-se
{
	height: 34px;
	width: 186px;
	left: 132px;
	top: 37px;
	position: absolute;
	background-image: url('bg/headlines/maleri.png');
}

#headline-35-en
{
	height: 40px;
	width: 186px;
	left: 124px;
	top: 40px;
	position: absolute;
	background-image: url('bg/headlines/painting.png');
}

/* ..................................................................................... */
/* Gestalter */
h3#gestalter
{
	height: 31px;
	width: 101px;
	left: 131px;
	top: 39px;
	background-image: url('bg/headlines/gestalter.png');
}

#gestalter-content
{
	position: absolute;
	top: 593px;
	width: 940px;
	text-align: center;
}

/* ..................................................................................... */
/* Systema ignotum */
#headline-42-se,
#headline-42-en
{
	height: 37px;
	width: 200px;
	left: 132px;
	top: 37px;
	position: absolute;
	background-image: url('bg/headlines/systema-ignotum.png');
}

#ngg-gallery-3-42
{
	width: 280px;
	position: absolute;
	top: 131px;
	left: 35px;
}

#ngg-gallery-4-42
{
	width: 280px;
	position: absolute;
	top: 131px;
	right: 35px;
}

#ngg-gallery-5-42
{
	width: 280px;
	position: absolute;
	top: 366px;
	left: 35px;
}

#ngg-gallery-6-42
{
	width: 280px;
	position: absolute;
	top: 366px;
	right: 35px;
}

#content-42 { padding-top: 120px; }

#content-42 p
{
	width: 275px;
	margin: 0 auto 1em auto;
}

/* ..................................................................................... */
/* Illustration */
#headline-45-se
{
	height: 40px;
	width: 186px;
	left: 132px;
	top: 34px;
	position: absolute;
	background-image: url('bg/headlines/illustration.png');
}

#headline-45-en
{
	height: 40px;
	width: 186px;
	left: 120px;
	top: 34px;
	position: absolute;
	background-image: url('bg/headlines/illustration.png');
}


/* ..................................................................................... */
/* Illustration */
#headline-48-se
{
	height: 35px;
	width: 121px;
	left: 132px;
	top: 39px;
	position: absolute;
	background-image: url('bg/headlines/teckning.png');
}

#headline-48-en
{
	height: 37px;
	width: 114px;
	left: 120px;
	top: 39px;
	position: absolute;
	background-image: url('bg/headlines/drawing.png');
}



/* ..................................................................................... */
/* Teaching */
#headline-58-se,
#headline-157-se

{
	height: 34px;
	width: 130px;
	left: 132px;
	top: 42px;
	position: absolute;
	background-image: url('bg/headlines/undervisning.png');
}

#headline-58-en,
#headline-157-en
{
	height: 34px;
	width: 121px;
	left: 120px;
	top: 40px;
	position: absolute;
	background-image: url('bg/headlines/teaching.png');
}

#content-58 {	margin: 85px auto auto auto;
	width: 790px;
}

#content-157 {	margin: 65px auto auto auto;
	width: 790px;
}

/* ..................................................................................... */
/* Uppdrag */
#headline-51-se
{
	height: 39px;
	width: 112px;
	left: 127px;
	top: 38px;
	position: absolute;
	background-image: url('bg/headlines/uppdrag.png');
}

#headline-51-en
{
	height: 27px;
	width: 132px;
	left: 120px;
	top: 40px;
	position: absolute;
	background-image: url('bg/headlines/commissions.png');
}

#content-51
{
margin:85px 0 0 50px;
}

#content-51 p
{
width:450px;
}

#ngg-gallery-12-51
{
	width: 350px;
	position:absolute;
	top:150px;
	left:550px;
}

#ngg-gallery-13-51
{
	width: 450px;
	position:absolute;
	top:390px;
	left:550px;
}

#content-51 .ngg-gallery-thumbnail
{
	width:110px;
	height:120px;
}

#content-51 .ngg-gallery-thumbnail img {margin:0 auto;}


/* ..................................................................................... */
/* Workshops */
#headline-54-se
{
	height: 35px;
	width: 196px;
	left: 127px;
	top: 38px;
	position: absolute;
	background-image: url('bg/headlines/workshops-foredrag.png');
}

#headline-54-en
{
	height: 29px;
	width: 217px;
	left: 120px;
	top: 41px;
	position: absolute;
	background-image: url('bg/headlines/workshops-lectures.png');
}

#content-54
{
margin:140px 0 0 85px;
width: 600px;
}

/* ..................................................................................... */
/* Gestalter */

#content-167 {	margin: 35px auto 0 auto;
	width: 940px;
	color:#555;
	font-size:0.8em;
	text-align:center;
}

#content-167 strong { color: #333;}
#content-167 .swfobject {padding-bottom:20px;}

#headline-167-se
{
	height: 35px;
	width: 196px;
	left: 127px;
	top: 38px;
	position: absolute;
	background-image: url('bg/headlines/gestalter.png');
}

#headline-167-en
{
	height: 35px;
	width: 217px;
	left: 120px;
	top: 41px;
	position: absolute;
	background-image: url('bg/headlines/figures.png');
}
/* ..................................................................................... */