/*  
Theme Name: Duodji
Theme URI: http://www.sameslojdstiftelsen.com
Description: Tema för Sameslöjdstiftelsen, byggd av Andreas Viklund / ITUS.
Version: 1.5
Author: Andreas Viklund / ITUS
Author URI: http://jokkmokk.biz/

Sligtly modified by Artopod to fit into http://kopsalj.sameslojdstiftelsen.com
http://artopod.se

*/

/********** Layout/divs **********/

body {
margin:0;
padding:0; 
font-size:76%;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
background:#fff url(bilder/body-bg.jpg) top left repeat-x;
color:#333;
text-align:center;
}

#page {
margin: 20px auto;
padding: 20px;
width: 730px;
border: 1px solid #959596;
background: #fff url(bilder/sidhuvud-bg.jpg) left -150px no-repeat;
text-align: left;
}

#header {
padding:0;
margin: auto;
height:50px;
width:100%;
}

#content {
clear: left;
font-size:0.9em;
line-height:1.4em;
padding:12px;
z-index:10;
}	

#menubar .topmenu {  /* all the menu styles moved here.. */
	float: left;
	width:135px;
	padding:0;
	margin: 50px 0px 0px 10px; /*0 5px;*/
	background: #fff;
}

#menubar {
	line-height:1.3em;
}
#menubar p {
	margin:0; 
	padding:0;
	margin-bottom: 20px;
}

#menu_kopsalj, #menu_utstallning, #menu_marknaden, #menu_foretag {
	visibility: hidden;
	margin:0; 
	padding:0;
}
#menubar ul.huvudmeny { 
	position:absolute;
	background: #eee;
	margin:0 4px 0 0; 
	padding:0; 
	width:135px;
	z-index:100;
}
#menubar ul.huvudmeny li {
	list-style-type:none; 
	margin:4px;;
	padding-bottom:5px;
}
#menubar h2 {
	margin: 0; 
	padding:4px; 
	font-size: 0.9em;
	border: 1px solid #555; 
	color: #000;
}
.huvudmeny li {
	font-size:0.9em; 
	line-height:0.9em; 
	letter-spacing:-1px;
}
	



#footer {
padding: 0 0 0 1px;
margin: 20px auto 0 auto;
width: 730px;
clear: both;
background-color: #eee;
border:1px solid #ccc;
}

#headerimg {margin:0; height:50px; width:100%;}

#footer p {margin:0; padding:10px 0; text-align:center;}


/********** Länkar **********/

a img {border:none;}
a, h2 a:hover, h3 a:hover {color:#273c82; text-decoration:none; font-weight:bold;}
a:hover {color:#273c82; text-decoration:underline;}

#allakategorier a { font-weight:normal; }
#content #allakategorier strong a { font-weight:bold; }

h1, h1 a, h1 a:hover, h1 a:visited, .description {color:white; text-decoration:none;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #menubar h2, #wp-calendar caption, cite {text-decoration:none;}

hr{height: 1px; color: #ccc; margin:25px 0 5px 0;}

.huvudmeny li a{
font-weight:bold;
color:#333;
cursor:pointer;
}

.huvudmeny li a:hover{
text-decoration:underline;
cursor:pointer;
}

/********** Headers **********/

h1 {padding-top:70px; margin:0;}
h2 {margin:30px 0 25px 0;}
h2.pagetitle {margin-top:30px; text-align:center;}
h3 {padding:0; margin:15px 0 0;}
h3.comments {padding:0; margin:20px auto 20px;}

h1 {font-size:3em; text-align:center; letter-spacing:-2px;}
h2 {font-size:1.4em; letter-spacing:-1px;}
#content h2 {font-size:1.9em;}
h3 {font-size: 1.5em; letter-spacing:-1px;}

/********** Bildvisning/positionering **********/

p img {
padding:4px;
margin:10px;
background-color:#f4f4f4;
border:1px solid #ccc;
max-width:100%;
}

p{padding:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}

/********** Listor **********/

/*#menubar ul {margin:0 0 20px 0; padding:0;padding: 6px 5px; }*/

/********** Formulär **********/

/* ligger i separat fil */

/********** Diverse klasser **********/

.navigation {
display:block;
text-align:center;
margin-top:5px;
padding-bottom:10px;
}

.description {
font-size: 1.4em;
letter-spacing:-1px;
text-align: center;
}

.small {font-size:0.8em;}
.alignright {float:right;}
.alignleft {float:left}
.center {text-align:center;}
.hide {display:none;}