/* general styling */

@font-face {
  font-family:"Museo Sans";
  src:url("../fonts/MuseoSans_500.otf");
}

@font-face {
  font-family:"Museo Sans";
  src:url("../fonts/MuseoSans_500_Italic.otf");
  font-style:italic;
}

@font-face {
  font-family:"Museo Sans";
  src:url("../fonts/MuseoSans_700.otf");
  font-weight:bold;
}

html {text-align:center;}
body {
	width:460px;
	background:#fff url("../images/bg-body.png") 0 130px repeat-x;
	color:#666;
	font-size:12px;
	font-family:"Museo Sans", sans-serif;
	line-height:18px;
	margin:0 auto;
	padding-top:40px;
	text-align:left;
}

a {color:#c00;}
ul {list-style:none;}
label {color:#333; display:block; font-size:12px; line-height:17px;}
input, textarea {width:100%;}

h1, h2, h3 {color:#222; font-weight:normal;}
h1 {color:#ddd; font-size:32px;}
h2 {font-size:20px;}
h3 {font-size:14px;}

/*  */

header {text-align:center;}

nav {display:block; margin:0 auto 75px auto; text-align:center;}
nav a {color:#bf0000; font-size:13px; margin:0 5px; text-decoration:none;}
nav a:hover {text-decoration:underline;}

/* automatically styling active nav links, depending on the body id */
body#hjemme					nav a.hjemme,
body#selskapet			nav a.selskapet,
body#kunstneren			nav a.kunstneren,
body#fotokunst			nav a.fotokunst,
body#maleri				nav a.maleri,
body#digitalkunst		nav a.digitalkunst,
body#events             nav a.events,
body#contact            nav a.contact,
body#portfolio          nav a.portfolio,
body#biography          nav a.biography {color:#222; cursor:default; text-decoration:none;}

body#contact h3 {text-align:center; margin-top: 30px;}
body#contact p {text-align:center;}

.pictures {font-size:12px; line-height:18px; margin:0; padding:0;}
.pictures li {width:100px; height:140px; float:left; margin-right:15px; padding:1em 0; text-align:center;}
.pictures li:hover {background:#f2f2f2;}
.pictures li img {width:85px; height:85px; border:#ddd solid 4px; display:block; margin:0 auto 3px auto;}
.pictures li:hover img {border-color:#fff;}
.pictures a {color:#333; font-size:11px; line-height:12px; text-decoration:none;}
.pictures li:hover a {color:#000;}

table {border-top:#f2f2f2 3px solid; font-size:11px;}
table tr {display:block; padding:2px 0;}
table tr > td:first-child {width:100px; color:#333;}
table tr > td:last-child {border-left:#f2f2f2 1px solid; padding-left:10px;}
table td {vertical-align:top;}

.signature {font-style:italic; text-align:right;}

.right {float:right;}
img.right {margin-left:15px;}
.left {float:left;}
img.left {margin-right:15px;}
.center {text-align:center;}

img.border {border:#efefef 2px solid; padding:3px;}

a.comments:link {text-decoration:none;}
a.comments:hover {text-decoration:underline;}

#comments {padding:0;}
#comments li {border-bottom:#ccc 1px dotted; margin-top:10px; text-align:left;}
#comments h3 {color:#999; margin:0; padding:0; font-weight:normal; margin-top:-15px;}

#contacts {clear:both;}
#contacts div,
#comments {width:300px; margin:0 auto;}
#contacts label, #contacts input, #contacts textarea,
#fcomment label, #fcomment input, #fcomment textarea {margin-bottom:5px;}

#page-contacts #content .preface {overflow:auto; margin-bottom:20px;}


/* footer */

footer {border-top:#eee 1px solid; color:#999; clear:both; display:block; font-size:11px; margin-top:20px; padding-top:20px; text-align:center;}
footer strong {color:#666;}
footer input[type=submit] {width:75px;}

h3 {color:#c00;}
section {border-bottom:#ddd solid 1px; padding:1.5em 0; display:block}

.photo {font-style:italic;}
.clear-both {clear:both;}