/*
Theme Name: virrvarrnet 2.0
Theme URL: http://virrvarr.net
Description: Unique theme for Virrvarr.net. Based on whiteboard this time around
Author: Daniel Søland Jackson <daniel@jackson.kz>
Author URI: http://danieljackson.no
Version: 0.1

*/

/* Base values and resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

img {
   border: 0;
}

/* Typography */

a {
   text-decoration: none;
   color: #366c22;
}

a:visited {
   color: #5D8D4D;
}

a:hover {
   text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, blockquote, textarea {
	font-family: "Georgia", "Vera serif", sans-serif; /* De andre aktuelle serif-fontene er så stygge på web. :P */
}

h1 {
   font-size: 40px;
   font-family: "Times new roman", "Times", serif;
   padding-top: 39px;
   margin-left: -2px;
}

h1 a, h1 a:visited {
   color: rgb(60,60,60);
   color: white;
   font-weight: normal;
}

h2 {
	font-size: 30px;
   font-family: "Times new roman", "Times", serif;
   font-weight: normal;
   color: rgb(60,60,60);
   margin-top: 27px;
   margin-bottom: 0.55em;
   margin-left: -1px;
   line-height: 1.2;
}

h2 a, h2 a:visited {
   color: rgb(60,60,60);
   text-decoration: none;
}

#headersearch input {
   font-size: 14px;
   font-family: "Georgia", sans;
}

#headersearch #searchsubmit {
   border: none;
   padding: 0;
   width: 47px;
   position: absolute;
   top: 0;
   right: 0;
   opacity: 0.95;
   height: 33px;
   text-indent: -9999px;
   background-color: transparent;
   background-image: url('images/searchbar_button.png');
   background-repeat: no-repeat;
   background-position: top left;
}

#headersearch #s {
   position: absolute;
   top: 0px;
   right: 47px;
   width: 143px;
   border: none;
   color: #555;
   margin-right: 0;
   padding: 7px 5px 9px 20px;
   background-color: transparent;
   opacity: 0.85;
   background-image: url('images/searchbar_text.png');
   background-repeat: no-repeat;
   background-position: top right;
}

/* #headersearch #s:hover, */
#headersearch #s:hover {
	opacity: 0.95;
}

#headersearch #s:focus {
   background-position: bottom right;
   	opacity: 1;
}

#headersearch #searchsubmit:active {
	background-position: bottom left;
}

#headersearch #searchsubmit:hover {
	cursor: pointer;
	opacity: 1;
}

h2 a:hover {
   text-decoration: underline;
}

h3 {
	font-size: 18px;
   margin: 1em 0 0.6em 0;
   color: rgb(60,60,60);
}

h4 {
	font-size: 16px;
   font-weight: solid;
   color: rgb(60,60,60);
}

p, ul, ol, label {
	font-size: 16px;
   margin-bottom: 1.25em;
	line-height: 1.25;
   color: rgb(60,60,60);
}

li {
	margin-bottom: 0;
	margin-left: 1.2em;
}

#content ul li {

}

blockquote {
   font-size: 14px;
   padding: 0 4em 0 2em;
   font-style: italic;
   margin: 1.25em 0;
   color: rgb(60,60,60);

}

.breadcrumb {
   font-size: 16px;
}

.breadcrumb p {
   margin-top: 18px;
   margin-bottom: 10px;
}

.breadcrumb p.meta {
   margin-top: 20px !important;
   margin-bottom: 8px !important;
}

.breadcrumb h2 {
   margin-top: 0;
}

.hls {
   background-color: yellow;
}

/* Structure */

.width {
	margin: 0 auto;
	width: 900px;
}

#maincontent .width {
   position: relative;
}

img.inline {
   margin-bottom: -2px;
}

.inline li {
   display: inline;
   margin-right: 0;
   margin-left: 0 !important;
}

.inline li img {
   margin: 0;
}

#sidebar #jentersomkommer img {
   float: left;
   margin-right: 10px;
}

.leftcolumn {
   float: left;
   width: 49%;
   margin-top: -16px;
}

.rightcolumn {
   margin-left: 50%;
   width: 49%;
}

#header {
   background-image: url('http://www.virrvarr.net/blog/wp-content/themes/virrvarr/img/bloggbanner.png');
   background-color: #669f52;
   background-image: url('images/shades_indexed.png');
   background-repeat: repeat-x;
   background-position: bottom center;
   height: 175px;
	color: white;
}

#header .width {
   height: 165px;
   position: relative;
   background-image: url('images/boble.png');
   background-repeat: no-repeat;
   background-position: 300px bottom;
}

#header p {
   font-size: 16px;
   line-height: 1.5;
   color: white;
}

#headersearch {
   position: absolute;
   top: 134px;
   right: 0;
}

#nextprevpost li {
   list-style: none;
   margin: 0;
}

#nextpost {
   float: right;
}

#prevpost {

}

.nofloat {
   float: none !important;
   margin-bottom: 1.25em;
}

#menu ul {
   position: absolute;
   top: 130px;
   margin-left: -4px;
   line-height: 1.5;
   margin-bottom: 0;
}

#menu li {
   display: inline;
   list-style: none;
   margin: 0;
}

#menu li a {
   float: left;
   text-decoration: none;
   color: rgb(60,60,60);
   background-color: rgb(200,200,200);
   -moz-border-radius: 5px 5px 0 0;
   border-bottom: 2px solid rgb(170,170,170);
   background-color: transparent;
   -moz-border-radius: 0;
   border-bottom: 0;
   margin-right: -3px;
   padding-right: 13px;
   margin-left: 13px;
   background-image: url('./images/menus.png');
   background-repeat: no-repeat;
   background-position: 100% -51px;
   opacity: 0.92;
}

#menu li a span {
   display: block;
   background-image: url('./images/menus.png');
   background-repeat: no-repeat;
   background-position: 0 -51px;
   margin-left: -13px;
   padding: 8px 0px 4px 13px;
}

#menu li a:hover {
   opacity: 1.0;
}

#menu li.current_page_item a {
   background-image: url('./images/menus.png');
   background-repeat: no-repeat;
   background-position: top right;
   padding-right: 12px;
}

#menu li.current_page_item a {
   opacity: 1.0;
}

#menu li.current_page_item a span {
   background-image: url('./images/menus.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding: 8px 1px 20px 13px;

}

#menu li ul {
	display: none;
}

#headersearch {
	text-align: right;
}

.meta {
   margin-top: 18px;
   margin-bottom: -18px;
   margin-right: 10px;
   color: rgb(160,160,160);
   /*font-size: 12px;
   margin-top: 0em;
   margin-bottom: 1.67em;*/
}

.bildetekst {
   color: rgb(160,160,160);
   font-size: 12px;
   line-height: 20px;
   margin-bottom: 20px;
   margin-top: -20px;
}

.bildetekst a {
   color: rgb(160,160,160);
}

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

.linkcategories li li {
   margin-left: 1.2em;
}

.linkalphabetic li {
   margin-left: 1.2em;
}

.grey {
   color: rgb(160,160,160);
}

.meta a, .grey a {
   color: rgb(160,160,160);

}

.meta a:hover, .grey a:hover {
   color: rgb(60,60,60);

}

.meta a, #sidebar a {
   text-decoration: none;
}

.meta a:hover, #sidebar a:hover {
   text-decoration: underline;
}

.etterpost {
   margin-top: 1em;
}

#searchform {
}
/* Imagelink hovering: */
a:hover img {
   opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#sidebar {
   width: 360px;
   float: right;
}

#sidebar .box {
   position: relative;
   padding: 0.7em 1.2em 0.4em 1.2em;
}

#sidebar .box .topright {
   position: absolute;
   top: 18px;
   right: 20px;
   color: rgb(120,120,120);
}

#sidebar .box .topright img {
   margin-bottom: -3px;
}

#sidebar .box .topright a {
   color: rgb(120,120,120);
}

#sidebar .box .topright a img {
   opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#sidebar .box .topright a:hover img {
   opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

/* imagelink hovering in sidebar

#sidebar a img {
   opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#sidebar a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} */

#sidebar ul {
   list-style: none;
   margin-bottom: 0;
}

#sidebar ul li {
   margin: 0.4em 0 0.4em 0.4em;
   line-height: 1em;
   font-size: 15px;
}

#sidebar .small {
   color: rgb(120,120,120);
}

#sidebar h2 {
   font-size: 22px;
   margin: 0 0 0.4em 0;
   font-style: italic;
   color: rgb(90,90,90);
}

#sidebar h2 a {
   color: rgb(90,90,90);

}

#sidebar p {
   color: rgb(80,80,80);
   font-size: 15px;
}

#recentcomments  ul li,
#last-100-comments ul li{
   font-size: 15px;
   line-height: 1.25;
   margin: 0.4em 0 0.4em 24px;
   list-style: none;
}

#recentcomments li img,
#last-100-comments li img {
   float: left;
   margin: 0 4px 0 -20px !important;
}

#recentcomments ul {
   margin-bottom: 1.25em;
}

#boble3 {
   float: left;
   margin-left: -190px;
   margin-top: -10px;
}

#wp_page_numbers {
   text-align: center;
}

#wp_page_numbers div {
   clear: none !important;
}

#wp_page_numbers li {
   display: inline;
   list-style: none;
   margin-left: 2px;
}

#wp_page_numbers li a {
   padding: 0px 3px 2px 3px;
   border: 1px solid white;
}

#wp_page_numbers li a:hover {
   text-decoration: none;
   border: 1px solid #5D8D4D;
}

#wp_page_numbers li.active_page a {
   background-color: #5D8D4D;
   color: white;
}

#virrvarranbefaler li img {
   border: 0;
   margin: 0 3px -3px 0;
   float: left;
}

#bestposts {
   background-color: #ffffd2 !important;
}

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

#sidebar a.secondhand, #sidebar a.secondhand:visited {
   color: #777;
   font-size: 12px;
}

.commentlist {
   margin-top: 1.25em;
}

.commentlist li {
   margin-left: 0;
   font-size: 20px;
   line-height: 1;
   color: rgb(180,180,180);
   padding: 12px 0 12px 12px;
   margin-top: 12px;
}

.thread-even,
.thread-odd {
  padding-right: 12px !important;
}

.commentlist li p {
  padding-right: 12px;
}

.parent, .parent li {
   border: 1px solid rgb(235,235,235);
}

.commentlist ul li {
   color: rgb(60,60,60);
   list-style: none;
   margin-left: 0.1em;
}

.commentlist li div {
   color: rgb(60,60,60);
   line-height: 1.25;
}

.commentlist .reply {
   font-size: 16px;
   line-height: 1.25em;
}

#respond label small {
   font-size: 16px;
   line-height: 1.25em;
}

#author,
#email,
#url {
   border: 3px solid rgb(210,210,210);
   padding: 4px;
   font-size: 16px;
   width: 65%;
   margin-top: 4px;
}

#respond {
   padding-bottom: 40px;
}

#comment {
   border: 3px solid rgb(210,210,210);
   padding: 4px;
   font-size: 16px;
   line-height: 1.25em;
   margin-top: 4px;
   width: 490px;
}

#author:focus,
#email:focus,
#url:focus,
#comment:focus {
   border: 3px solid rgb(210,215,150);
}

#comment_submit {
   font-size: 16px;
   float: right;
}


.thread-even,
.thread-odd .depth-2,
.thread-even .depth-3,
.thread-odd .depth-4,
.thread-even .depth-5,
.thread-odd .depth-6,
.thread-even .depth-7,
.thread-odd .depth-8,
.thread-even .depth-9,
.thead-odd .depth-10 {
   background-color: rgb(235,235,235);
}

.thread-odd,
.thread-even .depth-2,
.thread-odd .depth-3,
.thread-even .depth-4,
.thread-odd .depth-5,
.thread-even .depth-6,
.thread-odd .depth-7,
.thread-even .depth-8,
.thread-odd .depth-9,
.thead-even .depth-10 {
   background-color: white;
}
.post {
   padding-bottom: 60px;
   background-image: url('images/mellominnlegg.png');
   background-repeat: no-repeat;
   background-position: 50% 100%;
}

.post img {
   margin: 10px 0;
   max-width: 505px;
}

.post img.right,
.post img[align='right'] {
   margin: 10px 0 10px 10px;
   float: right;
   max-width: 495px;
}

.post img.left,
.post img[align='left'] {
   margin: 10px 10px 10px 0;
   float: left;
   max-width: 495px;
}

.comment-author-virrvarr {
   background-color: #ffffd2 !important;
}

.comment-author .avatar {
   float: left;
   margin-right: 8px;
   border: 1px solid rgb(120,120,120);
}

#gravatarpreview_box {
   float: right;
   width: 25%;
}

#gravatarpreview_box p {
   margin: 0;
}

#gravatarpreview_box .img {
   border: 3px solid rgb(210,210,210);
   margin: 4px 0;
}



#gravatarpreview {
   width: 100%;
}

.comment-author {
   margin: 0;
   font-size: 18px;
}

.comment-author cite {
   font-style: normal;
}

.post-edit-link {
   float: right;
}

.comment-edit-link {
   position: absolute;
   margin: 0;
   top: 15px;
   right: 35px;
}

.reply a {
   color: rgb(120,120,120);
   text-decoration: none;
}

.reply a:hover {
   color: rgb(60,60,60);
   text-decoration: underline;
}

.comment-meta {
   font-size: 16px;
   margin: 0.1em 0 0 0;
   margin-bottom: 1.25em;
   color: rgb(120,120,120);
}

.comment-meta a {
   color: rgb(120,120,120);
   text-decoration: none;
}

.comment-meta a:hover {
   color: rgb(60,60,60);
   text-decoration: underline;
}

.bloggrevyenBadge {
   float: right;
}

.bloggrevyenBadge img,
img.wp-smiley {
   margin: 0;
}

#introtext,
#bestposts {
   background-color: rgb(235,235,235);
   margin-bottom: 0.5em;
   padding-top: 1em;
   background-image: url('./images/sidebar_boxes.png');
   background-repeat: no-repeat;
   background-position: top right;
}

#introtext .box,
#bestposts .box {
   background-image: url('./images/sidebar_boxes.png');
   background-repeat: no-repeat;
   background-position: bottom right;
   padding-top: 0;
   padding-bottom: 0.7em;
}

#bestposts {
   background-position: top left;
}

#bestposts .box {
   background-position: bottom left;
}

#introtext p {
   font-family: "Times new roman", sans-serif;
   font-size: 15px;
   color: rgb(60,60,60);
}

p.last {
   margin-top: 0.5em;
   margin-bottom: 0.5em;

}

#introtext p.last {
   margin-top: -0.5em;
   margin-bottom: 0.5em;
}

#content {
	width: 505px;
   margin-top: 30px;
}


body {

}

#maincontent {
   background-color: white;
   padding: 1px 0 20px 0;
}

#footer {
   background-image: url('./images/shades_indexed.png');
   background-position: top left;
   background-repeat: repeat-x;
	clear: both;
   padding-top: 10px;
   padding-bottom: 8px;
   background-color: rgb(235,235,235);
}

#footer #subscribe {
   width: 451px;
   margin-top: 10px;
   margin-left: -6px;
   background-image: url('./images/rsstop.png');
   background-position: top left;
   background-repeat: no-repeat;
   padding-top: 21px;
}

#footer #subscribe li {
   list-style: none;
   margin-left: 5px;
}

#footer #subscribe-rss {
   float: left;
}

#footer #followme {
   margin-left: 48%;
   padding-right: 90px;
  }

#footer #subscribe-rss li a {
}

#footer #subscribe-rss li a img {
   float: left;
   padding-top: 2px;
   margin-right: 4px;
}

#footer #subscribe .inner {
/*   border-width: 0 1px;
   border-style: solid;
   border-color: #d3d3d3;
   background-color: #ffffd2;*/
   background-image: url('./images/rssbottom.png');
   background-position: bottom left;
   background-repeat: no-repeat;
   padding: 0px 20px 5px 20px;
}

#footer #subscribe h2 {
   margin-top: 0;
   font-size: 22px;
   font-style: italic;
}

#footer #aboutmeta {
   position: relative;
   float: right;
   width: 360px;
   padding-top: 5px;
}

#footer #aboutmeta p {
   color: rgb(40,40,40);
   position: relative;
   font-size: 15px;
   margin-bottom: 0;
}

#footer #aboutmeta a {
   color: rgb(40,40,40);
}

#footer #aboutmeta a:hover {
   color: rgb(40,40,40);
   text-decoration: underline;
}

#footer #aboutmeta p, #aboutmeta a {
   opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#footer #aboutmeta a:hover,
#footer #aboutmeta a:hover img {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

#cc img {
   position: absolute;
   top: 4px;
   left: 0;
}

#cc {
   position: relative;
   margin-top: 18px;
   padding-left: 97px;
   margin-bottom: 18px !important;
}

/* Useful tools */

.gone {
	display: none;
}

.comment {
   position: relative;
}

.comment .hide {
   position: absolute;
   top: 12px;
   right: 12px;
}

.comment .show,
.comment .hide {
   font-size: 12px;
   line-height: 26px;
   text-align: right;
   display: block;
   cursor: pointer;
   color: rgb(160,160,160);
   margin: 0;
   padding: 0;
}

.thread-even .comment .show,
.thread-odd .comment .show  {
   padding-right: 12px;
}

li.clean {
   list-item: none;
   list-style: none;
   padding-left: 0;
   margin: 0.4em 0 0.4em 0 !important;
}