/*
Theme Name: Velmont18
Theme URI: http://www.velmont.net
Description: Tema til heimesida mi, versjon 18
Version: 18.0
Author: Odin Hørthe Omdal
Author URI: http://www.velmont.net
*/

body { font-size: 76.5%; font-family: sans-serif; }

html, body, #home p, #gallery ul, #gallery li { margin: 0; padding: 0; }

html { background: #6a0f0f url('bilete/bg-grad.png') repeat-x; height: -44px; }
body { width: 751px; margin: 0 auto; background: #fff url('bilete/columns.png') repeat-y; color: #777; }

a { text-decoration: none; color: #800; }
h1, h2, h3, h4, h5, strong { font-weight: normal; margin: 0; padding: 0; }
strong { color: #533; }


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	height: auto;
	}
a img { border: 0; }

/*	Using 'class="alignright"' on an image will (who would've
 *		thought?!) align the image to the right. And using 'class="centered',
 *			will of course center the image. This is much better than using
 *				align="center", being much more futureproof (and valid) */

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



img.right { display: block; float: right; margin-left: 4px; }
img.center { display: block; margin: 0 auto; }

h1 a { display: block; background-image: url('bilete/velmont-header.png'); height: 109px; width: 751px;
       text-indent: -9000px; }

.info { margin-top: 3em; }
.info p { background-color: #fff0f0; border-top: 1px solid #caa; padding: 0.2em 0.5em 0 0.5em; margin-top: 0.5em; }
#single .post .info h2, .info ul { padding: 0; margin: 0; }
.info ul { padding-left: 3em; margin: 1em auto; }

blockquote { border-left: 3px solid #fcc; padding-left: 0.5em; } 

#home #posts { width: 351px; float: left; margin-bottom: 1.5em; }
#home #posts p { display:inline; }
#posts h2 { display: none; }
#posts h3, #posts h3 a { color: #333; font-weight: normal; font-size: 1.25em; letter-spacing: -0.055em; }
#posts .post { margin-bottom: 1em; }

#searchform {  /*margin-right: 1em;*/ position: relative; top: -2em; left: -20px; float: right; }

/* Interesseline */
h3 span { display: block; color: #533; font-size: 0.9em; text-transform: uppercase; line-height: 0.8em; }

#extra { width: 351px; float: right; padding-right: 10px; }

#home #posts img { display: block; float: right; margin: 0 0 0.5em 0.5em; max-width: 80px; border: 1px solid #deb7b7; padding: 5px; background-color: #fff; }

/*#frontpage #gallery, #frontpage #asides { border: 1px solid #deb7b7; width: 327px; margin: 0 auto; margin-top: 3em; 
                                          position: relative; top: 1px; z-index: 2; background-color: #fdf1f1; }*/
#gallery,
#asides { width: 327px; margin: 0 auto; margin-top: 3em; position: relative; }

#gallery ul,
#asides ul { border: 1px solid #deb7b7;
            display: block; position: relative; top: 1px; z-index: 2; background-color: #fdf1f1; }
#gallery h2 a,
#asides h2 a,
#home #nav a { height: 44px; width: 159px; background: url('bilete/kortnytt.png') no-repeat; 
             display: block; float: left; position: absolute; top: -30px; left: 15px; 
             z-index: 1; text-indent: -9000px; }

#gallery ul { height: 117px; }
#gallery h2 a { background-image: url('bilete/galleri.png'); left: 0; }
#gallery ul { padding: 8px 0 0 8px; }
#gallery li { display: block; float: left; margin: 6px; }
#gallery li img { border: 1px solid #deb7b7; max-width: 80px; padding: 5px; background-color: #fff; }

#asides { margin-top: 6em; }
#asides ul { padding: 16px; }
#asides li { list-style: none; }

#nav { clear: both; }
#home #nav a { background-image: url('bilete/arkiv.png'); float: right; position: relative; left: -360px; top: -27px; }

#menu { background-color: #f8d6d6; position: relative; z-index: 2; margin-bottom: -44px; border-top: 1px solid #ee8080;  }
#menu h2 { color: #af6565; font-size: 2em; letter-spacing: -0.025em;  }
#menu ul { width: 210px; margin: 3px; padding: 15px; float: left; }
#menu li { display: block; }
#menu span { display: block; margin-bottom: 0.5em; }
#menu a { color: #333; }
#home #menu #commented { position: relative; bottom: 44px; margin-bottom: -44px; } /* Dette er ein hack, #nav presser denne ned */

.leftbox { width: 340px; float: left; clear: both; }

#other .post, #single .post { background-color: white; text-align: justify; font-size: 1.2em; color: #484040; padding: 0 40px;}
#other .post p, #single .post p { margin: 0 0 1em 0; }
#other .post strong, #single .post strong { background-color: #fdd; }
#other .post h2, #single .post h2 { font-size: 2em; color: #633; text-align: center; letter-spacing: -0.025em; margin-bottom: 1em; line-height: 1.25em; padding-top: 1em; clear: both; }
#other .post h2 span, #single .post h2 span { display: block; font-size: 0.5em; text-transform: uppercase; line-height: 0.6em; font-weight: bold; }
#other .post h3, #single .post h3 { font-size: 1.5em; color: #633; letter-spacing: -0.025em;  }
#other .post h4, #single .post h4 { font-size: 1.3em; color: #633; letter-spacing: -0.025em;  }
#other .post { border-bottom: 1px solid #633; }
#other .post h2 { font-size: 1.5em; line-height: 1em; margin: 0; padding: 1em 0 0 0; }

/*#single .post p img { margin: 0 -150px; }*/
.post { padding: 0 10px; }

#archive .post p { margin: 0 0 1em 0; }
#archive .post h2 { color: #755; background-color: #edd; border-bottom: 1px solid #cbb; clear: right; }
#archive #nav { padding: 10px; border-top: 1px solid #d5cccc; background-color: #f5eeee; }
#archive #nav .right { float: right; } #archive #nav .right:after { content: " »"; }
#archive #nav .left:before { content: '« '; }



#footer { width: 751px; margin: 0 auto; height: 1em; font-size: 0.8em; background-color: #a1c0c0; color: #9f5f5f; }

/* Kommentarar */
textarea, input { background-color: #fee; border: 1px solid #9f5f5f; }
textarea#comment { width: 100%; height: 8em; }

#commentlist { margin: 0; padding: 0 2em 0 2em; color: #edd; }
#commentlist li { background-color: #fff0f0;  border-bottom: 1px solid #caa; padding: 4px 4px 0 4px; }
#commentlist li p { color: #484040; }
#commentlist li ul, #commentlist li ol { color: #282020; border-style: none; margin: 1em; }
#commentlist li blockquote {  color: #282020; margin: 1em; } 
/*#commentlist li p { background-color: #eaa; margin: 0px; }*/
#commentlist li.alt { background-color: #fff; }
#commentlist li.odin { border-left:5px solid #caa; }
#commentlist small { float: right; margin-left: 2em; color: #433; }

/* body { padding: 0.5%; }
h1, h2, h3, h4, h5 { text-align: center; }
ul, ol { padding: 1em 0 1em 2em; }
p { text-align: justify; margin-bottom: 1em; }
img { margin: 4px; }

h1 { display: none; }
a { text-decoration: none; color: #000; }

div#header { width:55px; height:36px; background-image:url('bilete/odin-min-logo.png'); }
div#extraDiv { width:14px; height:27px; float:right; background-image:url('bilete/odin-paragraf.png'); }
div#posts { padding: 0.5%; font-size: 0.8em; }

.info { display: block; width: 100%; border-bottom: 1px solid #000; background-color: #bbb; text-align: right; padding: 0 0.5%; }
.byline { right; }
.date { float: left; }
.post { }

.first .post { font-size: 1.2em; background-color: #eee; }
*/
.h0yre, .right { float: right; } 


table {
	border-collapse: collapse;
	margin: 0 2em 2em 2em;
}
caption { text-align: right; margin-right: 1em; }
th[scope=col] {
 border-top: 1px solid #9f5f5f;
 border-bottom: 1px solid #9f5f5f;
 background-color: #fee;
 font-size: 1.1em;
 text-align: center;
}
th[colspan] { border-bottom: 1px solid #9f5f5f; }
th, td {padding: 0.2em 0.5em; }
td { border-bottom: 1px solid #CCC; }
tbody {	border-top: 2px solid #9f5f5f; }
th+td {text-align: center;}
td+td {	border-left: 1px solid #CCC; }