/*
Theme Name: Jon
Theme URI: http://wordpress.org/
Description: Jon Olofsson site theme
Author: Colin Lewis
18-03-2007
*/

/* .................................................................................................................... */

/* Basic rules */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,div,dl,dt,dd
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	font: inherit;
	text-indent: 0;
}

ul,ol { list-style: none; }

html,body,input
{
	margin: 0;
	padding: 0;
}

html { height: 100%; margin-bottom: 1px; }

body
{
	color: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, verdana, sans-serif;
	font-size: 76%;
	line-height: 1.6;
	background-color: #998;
	text-align: center;
}

ul,li { font-size: 1.0em; }

h1,h2,h3,h4,h5,h6
{
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1
{
	width: 208px;
	height: 31px;
	margin: 18px 0 0 6px;
	padding: 0;
	font-size: 2em;
}

h2
{
	float: right;
	display: inline;
	color: #fff;
	font-size: 2em;
	width: 410px;
	/* 430px total width- 20px padding-left = 410px */
	margin-top: 25px;
	margin-right:10px;
	padding: 15px 0 5px 20px;
}

h3 { font-size:1.4em; }
p { font-size: 1.1em; margin-bottom: 1.1em; }

/* .................................................................................................................... */

/* Misc. rules */

.accordion
{
	margin: 0;
	padding: 0;
}

.edit
{
	clear: both;
	margin-left: 54px;
}

.border
{
	border-top: 1px solid #bba;
	padding-top: 10px;
	margin-top: 10px;
}

.clear { clear: both; }
.hidden { visibility: hidden; }

/* .................................................................................................................... */

/* Links */

a { outline: none; }

a,a:link,a:visited,a:active
{
	/* color: #A2BCF8; */
	color: #03c;
	text-decoration: none;
}

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

a:active { text-decoration: underline; }
a img,:link img,:visited img { border: none; }

/* .................................................................................................................... */

/* Structure */

#wrapper
{
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

#content { }
/* only for IE 5.x */
/* .................................................................................................................... */

#bild
{
	float: left;
	clear: none;
	display: inline;
	margin: 53px 0px 50px 56px;
	width: 431px;
	height: 431px;
	background-image: url('images/bild-400-5.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#bild img
{
	position: absolute;
	top: 10px;
	left: 10px;
}

#bild-ie-fix /* IE 6.x aligns #bild incorrectly when the jQuery accordian script runs in the text beside it. */
{
	float: left;
	clear: none;
	display: inline;
	margin: 51px 0 50px 0px;
	width: 487px;
	height: 431px;
	background-image: url('images/bild-ie-fix.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

/* .......................................................................................................... */

#flashcontent
{
	float: left;
	display: inline;
	margin: 63px 0px 50px 64px;
	width: 400px;
	height: 350px;
	position: relative;
}

/* .......................................................................................................... */

#bilder
{
	float: left;
	display: inline;
	margin-top: 53px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 66px;
	width: 400px;
	color: #fff;
	text-align: right;
}

#galleri-list
{
	color: #fff;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 66px;
	width: 400px;
}

#galleri-list dt
{
	color: #fff;
	text-align: right;
}

#galleri-list dd
{
margin-right:-12px;
}

/* .......................................................................................................... */

#text
{
	float: right;
	clear: none;
	display: inline;
	width: 430px;
	padding: 0 0px 35px 0px;
	margin-top: 0px;
	margin-right:10px;
}

#text h3,
#text p
{
	margin-left: 20px;
	width: 375px;
}

/* Sortiment thumbnails */

#text #sort-list
{
	margin: 30px 0px 10px 18px;
	padding: 10px 0px 5px 0px;
	width: 400px;
}

#text #sort-list li
{
	display: inline;
	width: 91px;
	height: 91px;
}

#text #sort-list li
{
	float: left;
	display: inline;
	padding-top: 3px;
	padding-left: 3px;
	width: 91px;
	height: 91px;
	background-image: url('images/drop-shadow/sm-drop-shadow2.png');
	background-repeat: no-repeat;
	background-position: left top;
}

/* .......................................................................................................... */

#footerwrapper
{
	clear: both;
	text-align: center;
}

#footer
{
	width: 940px;
	margin: 0 auto;
}

#footer p
{
	margin-left: 20px;
	padding: 0.5em 0 1em 0;
	width: 880px;
	text-align: left;
	font-size: 1.0em;
	color: #CECCC4;
}

/* .......................................................................................................... */

/* Navigation */

#navcontainer
{
	position: relative;
	margin-top: 14px;
	height: 39px;
}

#navlist
{
	width: 940px;
	border-top: 1px solid #bba;
	border-bottom: 1px solid #bba;
	margin: 0 auto;
	padding: 8px 0;
	position: absolute;
	top: 0;
	left: 0;
}

#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9
{
	float: left;
	display: inline;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 0 -22px;
}

#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8 { margin-right: 22px; }
#n1 { margin-left: 8px; }
#n1 { width: 30px; }
#n2 { width: 84px; }
#n3 { width: 171px; }
#n4 { width: 142px; }
#n5 { width: 38px; }
#n6 { width: 45px; }
#n7 { width: 119px; }
#n8 { width: 53px; }
#n9 { width: 67px; }
#n1, #n1 a { background-image: url('images/menu/n1.png'); }
#n2, #n2 a { background-image: url('images/menu/n2.png'); }
#n3, #n3 a { background-image: url('images/menu/n3.png'); }
#n4, #n4 a { background-image: url('images/menu/n4.png'); }
#n5, #n5 a { background-image: url('images/menu/n5.png'); }
#n6, #n6 a { background-image: url('images/menu/n6.png'); }
#n7, #n7 a { background-image: url('images/menu/n7.png'); }
#n8, #n8 a { background-image: url('images/menu/n8.png'); }
#n9, #n9 a { background-image: url('images/menu/n9.png'); }

#n1 a, #n2 a, #n3 a, #n4 a, #n5 a, #n6 a, #n7 a, #n8 a, #n9 a
{
	display: block;
	height: 22px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
}

#n1 em, #n2 em, #n3 em, #n4 em, #n5 em, #n6 em, #n7 em, #n8 em, #n9 em
{
	display: block;
	padding-top: 22px;
}


#n1 a:hover, 
		#n2 a:hover, 
		#n3 a:hover, 
		#n4 a:hover, 
		#n5 a:hover, 
		#n6 a:hover, 
		#n7 a:hover, 
		#n8 a:hover, 
		#n9 a:hover { background-image: none; }
#n1 a:active, 
		#n2 a:active, 
		#n3 a:active, 
		#n4 a:active, 
		#n5 a:active, 
		#n6 a:active, 
		#n7 a:active, 
		#n8 a:active, 
		#n9 a:active { background-image: none; }

/* .......................................................................................................... */

/* Sortiment navigation */

#s-navcontainer
{
	height: 50px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#s-navlist
{
	width: 940px;
	height: 50px;
	border-bottom: 1px solid #bba;
	margin: 0 auto;
	padding: 0;
}

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9
{
	float: left;
	display: inline;
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: 0 -40px;
}

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8 { padding-right: 38px; }
#s1 { margin-left: 138px; }
#s1, #s1 a { background-image: url('images/sortiment-menu/s1.jpg'); }
#s2, #s2 a { background-image: url('images/sortiment-menu/s2.jpg'); }
#s3, #s3 a { background-image: url('images/sortiment-menu/s3.jpg'); }
#s4, #s4 a { background-image: url('images/sortiment-menu/s4.jpg'); }
#s5, #s5 a { background-image: url('images/sortiment-menu/s5.jpg'); }
#s6, #s6 a { background-image: url('images/sortiment-menu/s6.jpg'); }
#s7, #s7 a { background-image: url('images/sortiment-menu/s7.jpg'); }
#s8, #s8 a { background-image: url('images/sortiment-menu/s8.jpg'); }
#s9, #s9 a { background-image: url('images/sortiment-menu/s9.jpg'); }

#s1 a, #s2 a, #s3 a, #s4 a, #s5 a, #s6 a, #s7 a, #s8 a, #s9 a
{
	display: block;
	height: 40px;
	width: 40px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
}

#s1 em, #s2 em, #s3 em, #s4 em, #s5 em, #s6 em, #s7 em, #s8 em, #s9 em
{
	display: block;
	padding-top: 40px;
}

/*
#s1 a:hover, 
		#s2 a:hover, 
		#s3 a:hover, 
		#s4 a:hover, 
		#s5 a:hover, 
		#s6 a:hover, 
		#s7 a:hover, 
		#s8 a:hover, 
		#s9 a:hover { background-image: none; }
#s1 a:active, 
		#s2 a:active, 
		#s3 a:active, 
		#s4 a:active, 
		#s5 a:active, 
		#s6 a:active, 
		#s7 a:active, 
		#s8 a:active, 
		#s9 a:active { background-image: none; }
*/

/* .......................................................................................................... */

/* Gallery rules */

#galleri-list dd { padding: 20px 0; }

/*
.gallery 
{
	border-bottom:1px solid #bba; 
	padding-bottom:20px; 
	width: 400px; 
	margin:10px 0 30px 0;
}
*/

.gallery p { margin: 0; }

/* .......................................................................................................... */

/* gallery 75px shadows */

.sm-shadow-wrap
{
	float: right;
	display: inline;
	position: relative;
	width: 91px;
	height: 91px;
	background-image: url('images/drop-shadow/sm-drop-shadow2.png');
	background-repeat: no-repeat;
	background-position: left top;
	/*
	margin-right:-12px;
	margin-left:12px;
	padding-top: 3px;
	padding-left: 3px;
	margin: 0 6px 4px -10px;
	*/
}

.sm-shadow-wrap img
{
	float: right;
	height: 75px;
	width: 75px;
	position: absolute;
	left: 3px;
	top: 3px;
}

/* .......................................................................................................... */

/* Highslide Javascript styles */

.highslide { cursor: pointer; }

.highslide-image
{
	background-color: #fff;
	padding: 10px 10px 0 10px;
	border-color: #ddd;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
}

.highslide-image-blur { }

.highslide-caption
{
	display: none;
	border-color: #ddd;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
	padding: 10px;
	background-color: #fff;
}

a.highslide-loading
{
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	background-color: #333;
	/*
	display: block;
	text-transform: uppercase;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i { display: none; }
a.highslide-credits:hover,
a.highslide-credits:hover i { display: none; }
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }

/* .......................................................................................................... */

/* aterforsaljare */

#butikwrap
{
	float: right;
	clear: none;
	display: inline;
	width: 400px;
	padding: 0px 0px 30px 0px;
	margin-top: 0px;
	margin-right: 30px;
}

#butik1,
#butik2
{
	float: left;
	width: 176px;
	display: inline;
}

#butik1 h3,
#butik2 h3,
#butik3 h3
{
	color: #fff;
	margin-left: 0;
	padding-left: 0;
}

#butik1
{
	margin-bottom: 40px;
	padding-right: 19px;
	margin-left: 14px;
}

#danmark { margin-top: 15px; }

#butik1 dt,
#butik2 dt,
#butik3 dt,
#galleri-list dt
{
	color: #000;
	margin-top: 1px;
	padding-top: 1px;
	font-size: 1.1em;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #bba;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#butik1 dt:hover,
#butik2 dt:hover,
#butik3 dt:hover,
#galleri-list dt:hover
{
	text-decoration: underline;
	color: #000;
}

#butik1 dd, 
#butik2 dd,
#butik3 dd
{
	padding: 5px;
	margin-bottom: 10px;
	background: #887;
	border: 1px solid #776;
}

/* .................................................................................................. */

/* Hem */

body#hem #flashcontent
{
	float: none;
	display: block;
	margin: 100px auto auto 132px;
	width: 660px;
	height: 266px;
	position: relative;
}

body#hem #footer { display: none; }

body#hem h1
{
	position: absolute;
	top: 542px;
}

body#hem #navlist
{
	border: none;
	top: 500px;
}

/* .................................................................................................. */