/*
Theme Name: Engstad
Author: Johan Karlsson
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
  background: #fff url(images/bg.png) repeat-x; /* #f36 */
  font-family: Georgia, serif;
  font-size: 100%;
  line-height: 1.5;
  }

h1 { font-size: 1.5em; line-height: 2; margin-bottom: .0em; }
h2 { font-size: 1.25em; line-height: 1.2; margin-top: .9em; margin-bottom: .3em; }
h3 { font-size: 1em; line-height: 1.5; margin-top: 1.125em; margin-bottom: .375em; }
  
a:link, a:visited { color: #00f; }
a:hover, a:active { color: #ff1a53; }

h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited { color: #000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h1 a:active, h2 a:active, h3 a:active { color: #ff1a53; text-decoration: none; }

.fn a:link, .fn a:visited { color: #000; text-decoration: none; }
.fn a:hover, .fn a:active { color: #000; text-decoration: underline; }

p { line-height: 1.5; margin-bottom: 1.5em; }

.postdate, .postmetadata, .comment-meta, #respond p { color: #777; font-family: Verdana, sans-serif; font-size: .75em; line-height: 2; clear: both; }
cite.fn, .says { font-style: normal; font-weight: bold; }

ul {
  margin: 1.5em 0;
  }

li {
  margin-left: 3em;
  line-height: 1.5;
  }

/* TABELLER */

table { 
  border-collapse: collapse;
  margin-bottom: 1.5em;
  width: 100%;
  font-family: Verdana, sans-serif;
  }
  
caption { text-align: center; font-weight: bold; }

th, td { border: 1px solid #c0c0c0; padding: .5em; }
  
th { background: #f36; color: #fff; text-align: center; vertical-align: top; }
td { background: #eee; vertical-align: middle; }

td.h { text-align: right; }
td.c { text-align: center; }

/* FORMUL�R */

fieldset { border: 2px groove #c0c0cc; padding: .75em; }
fieldset fieldset { padding: 0; }
label { display: block; }
input, select, textarea { margin-bottom: 1em; }
label { font-weight: bold; margin-top: .5em; }
legend { color: #333; }

label.explain, #antispam { margin-bottom: 0; display: inline; }
input.button { margin-top: 1em; margin-bottom: 0; }

/* LAYOUT */

#container {
  background-color: #fff;
  color: #333;
  width: 750px;
  margin: 1em auto;
  }
  
#sidhuvud { 
  width: 750px;
  height: 150px;
  }
  
#innehall {
  padding: 1.5em;
  clear: both;
  }

#maincol {
  float: left;
  width: 450px;
}

#subcol {
  float: right;
  width: 202px;
}

.galleri li {
  display: inline;
  margin: 2px;
}

.archive {
display: inline;
}

.archive li { margin-left: 0; list-style: none; }

.entry { border-bottom: 1px solid #ffd5e0; }

.navigation { text-align: center; }

.alignright { float: right; }
.alignleft { float: left; }

#innehall img { border: 8px solid #ffd5e0; }

img.centered { display: block; margin-right: auto; margin-left: auto; }
img.alignright { margin: 1em 0 1.5em 1.5em; }
img.alignleft { margin: 1em 1.5em 1.5em 0; }

.copyright {
  font-size: .75em;
  text-align: right;
}

hr { clear: both; visibility: hidden; height: 1px; }
.clear { clear: both; }

.comment { background: #fff url(images/bg_comment.png) top left repeat-x; }
  
/* NAVIGERINGSMENY */

#nav {
  font-family: Verdana, sans-serif;
  font-size: 1em;
  }
/*
#nav ul { text-align: center; }

#nav li {
  display: block;
  float: left;
  text-align: center;
  width: 8em;
  margin: 0 1px 1px 0;
  line-height: 2;
  }
  
#nav a {
  width: 7em;
  padding: 0 .5em;
  margin: 0 1px 1px 0;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 2;
  }
*/
#nav, #nav ul, #nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 7em;
        padding: .25em .5em;
        text-align: center;
        text-decoration: none;
}

#nav li {
	float: left;
	width: 8em;
	margin: 0 1px 0 0;
}
  
#nav li ul {
	position: absolute;
	width: 8em;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	border-top: 1px solid #fff;
}

#nav a:link, #nav a:visited { background: #f36; color: #fff; }
#nav a:hover, #nav a#currentpage { background: #000; color: #fff; }

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentmetadata a:link, .commentmetadata a:visited { color: #777; }
/* End Comments */
