/*						987.9370
*						Vergil Magasin c/o CustomPublish AS
*						(paul.castle@gmail.com) (http://scrawlington.co.uk/paulo) Tab size: 7.
*		
*	Swatch List
*	
*	#ecebd9	Beige [header backgrounds]
*	#999a00	Lime Green [headers type]
*	#ff960a  		Orange [header type]
*	#0a5894	Muted Navy Blue [links]
*	
*	
*	
*	
*	Table Of Contents
*
*						01 - Resets
*						02 - Utilities
*							|_02b - Rounded Corners
*						03 - Layout
*							|_ 03b - Article & Listing Layout
*						04 - Sidebar Elements
*						05 - Navigation
*							|_ 05a - Top Navigation
*							|_ 05b - Side Navigations
*						06 - Article Listing/View Structure & Typography
*						07 - Page Elements
*							|_ 07a - Tools Menu
*							|_ 07b - Search Form
*							|_ 07c - Banner Locations
*						08 - Sitemap Links
*						09 - Tag Cloud
*/
/*
*	01. Resets
*/
body{ 
  margin: 0; 
  padding: 0; 
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,img{ border: 0; }

a:link, a:visited{ text-decoration: none;  outline: none; }
a:hover, a:focus{ text-decoration: underline;  outline: none; }

.answer a:link, .answer a:visited{
}
.section-heading a:link, .section-heading a:visited{
}

h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
input{ outline: none; }
/*
*	02. Utilities
*/
.hidden{ visibility: hidden; }
.clearleft{ float: left; }
.clearright{ float: right; }
.clear{ clear: both; }
.textright{ text-align: right; }
.innerpadding{ padding: 10px 15px; }
table.layout{ margin: 0px; padding: 0px; }
td.layout{ padding: 0px; text-align: left; vertical-align: top; }
div.tools{ margin: 15px 0px; }
div.tool{ margin: 2px 0px; }
#skiplink{ display: none; }
.block{ margin-bottom: 15px; }
hr{
  position: relative; 
  clear: left; 
  height: 2px; 
  border-width: 1px;
  border-style; solid;
}

/* Vertical spacing between list items */
ul li, ol li{
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom:  0px;
}

/* Less spacing before list marker on ol, ul */
ul, ol{

}
ul li, ol li{

}
ul, ol{
  list-style-position: outside;
  padding: 0px 0px 0px 35px;
  margin: 11px 0px;
}
ul li, ol li{
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
}

/* Replacing ul bullet */
ul{
  list-style-type: none;
  padding-left: 20px;
}
ul li{
  position: relative;
  zoom: 1; /* IE6-fiks */
  padding-left: 15px;
  background-image: url(/getfile.php/808632.987.ecvcacvufr/ul-bullet.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;

}




div.hr{ font-size: 1px; clear: both; height: 15px; }
div.body{ clear: both; margin: 10px 0px 22px 0px; }
.clearfix{ clear: both; font-size: 1px; height: 0px; }
td.artpic{ padding: 5px; vertical-align: top; text-align: left; }

.warning{ padding: 15px;  font-weight: bold; }
/*
*	02b. Rounded Corners
*/
.heading-corner{ position: absolute; width: 6px; height: 6px; font-size: 1px; background-repeat: no-repeat; }
.head-tl{ left: 0px; top: 0px; background-position: top left; }
.head-tr{ right: 0px; top: 0px;	background-position: top right; }
.head-bl{ left: 0px; bottom: 0px; background-position: bottom left; }
.head-br{ right: 0px; bottom: 0px; background-position: bottom right; }
.image-corner{
  position: absolute; 
  width: 6px; 
  height: 6px; 
  font-size: 1px; 
  z-index: 10;
  background-repeat: no-repeat; 
}
.image-corner	img{
  z-index: 100;
}
.image-tl{left: -1px; top: -1px; background-position: top left; }
.image-tr{ right: -1px; top: -1px; background-position: top right; }
.image-bl{ left: -1px; bottom: -1px; background-position: bottom left; }
.image-br{ right: -1px; bottom: -1px; background-position: bottom right; }
/*
*	03. Layout
*/
#content-wrapper{
  position: relative; 
  width: 960px; 
  margin: 20px auto 0; 
  border-top: none; 
  border-width: 0px 2px 2px;
  border-style: solid;
}
#header{ 
  position: relative; 
  height: 105px; 
}

#main{
  position: relative; 
  width: 670px; 
  float: left;
  margin-right: 15px;
}
#mainsidebar{
 position: relative; 
 padding-top: 15px; 
 width: 260px; 
 float: left; 
}
.sidebar{ }
#footer{ width: 960px; margin: 0 auto; }
h1.logotype{ position: absolute; left: 20px; top: 10px; z-index: 10; }
h1.logotype a{
	background-repeat: no-repeat;
	background-position: top left;
  display: block; 
  height: 83px; 
  width: 318px; 
}
/*
*	03b. Article / Listing Layout
*/
.article-section{ padding-bottom: 4px; margin-bottom: 10px; }
.article-section h1.section-heading{ padding: 4px 0 0 20px; text-transform: uppercase;}
.article-column{ position: relative; float: left; margin: 15px 0 0 15px; width: 655px;  }
.article-image{ 
  position: relative; 
  width: 318px; 
  height: 80px; 
  border-width: 1px; 
  border-style: solid; 
  margin-bottom: 10px;
 /*overflow: hidden;*/
}
.article-image img{
  display: block; 
  margin: 0 auto; 
  height: 100%; 
  max-width: 318px;
}

.listing-column{ 
  position: relative; 
  float: left; 
  margin: 15px 0 0 15px; 
  width: 320px; 
  min-height: 260px;
  padding-bottom: 20px; /* space for article-links */
}

.listing-column.even0{
  clear: both;
  min-height: 0px;
} 
.listing-column.even1{ 
  clear: right;
  float: right;
  margin-left: 0px;
  min-height: 0px;
}

.listing-column-noimage{ 
  position: relative; 
  float: left; 
  margin: 15px 0 0 15px; 
  width: 320px; 
  min-height: 160px; 
}

.listing-column .article-links{
  position: absolute; 
  width: 100%; 
  height: 20px; 
  bottom: 0px; 
  left: 0px;
}
.article-links{
  text-align: right; 
  margin-top: 15px;
}


ul.article-list{ list-style-position: inside; padding: 0; margin: 0; float: left; }
ul.article-list li{ font-weight: normal; padding: 0 0 3px; margin: 0; background-image: none;}
ul.article-list li a{ padding-left: 3px; }
ul.side-article-list{ padding: 0; }
ul.side-article-list li{ list-style: none; }
ul.side-article-list li a{ font-weight: normal; }
.article-view-image{
  position: relative; 
  height: 80px; 
  width: 320px; 
  border-width: 1px;
  border-style: solid;
  z-index: 1; 
  margin: 0 15px 15px 0; 
  float: left;
}
.article-view-image img{ display: block; clear: both; position: relative; margin: 0 auto; height: 100%; }
.forum{

}
/*
*	04. Sidebar Elements
*/
#sidebar1{ position: relative; margin-top: 0px; padding: 0; }
.sidebar-module-slim{ position: relative; width: 120px; float: left; margin: 0 0 10px 0px; padding-left: 5px; }
.sidebar-module{ position: relative; clear: left; /*float: left; width: 100%;*/ margin: 3px 0; }
h1.sidebar-title{ }
h2.sidebar-title{ font-weight: bold; margin-bottom: 10px; }
.mailinglist-form	table, .sidebar-module form table{ width: 250px; }

.mailinglist-form .input, .sidebar-module input.text{
  width: 140px; 
  height: 15px; 
  margin: 2px 0; 
  border-width: 1px;
  border-style: solid;
}
.sidebar-module td.feedback{
  text-align: right;
}

.sidebar-module textarea{
  width: 99%;
  border-width: 1px;
  border-style: solid;
}
.mailinglist-form .submit,	.sidebar-module input.submitbutton{
  margin-top: 15px; 
  padding: 2px 2px;  
  border-width: 1px;
  border-style: solid;
  font-weight: bold; 
  -webkit-border-radius: 0.2em; 
  -moz-border-radius: 0.2em; 
  border-radius: 0.2em;  
}
.mailinglist-form select{
  border-width: 1px;
  border-style: solid;
}


.sidebar-module form td.submit{
  text-align: right;
}
/*
*	05a. Top Navigation
*/
ul#top-navigation{ 
  text-align: right; 
  padding-right: 15px;
  z-index: 0; 
  padding: 1px 0;
  font-weight: bold;
  border-width: 0px 0px 1px;
  border-style: solid;
  padding-top: 33px;
/*  margin-left: 50px;*/
  margin: 0 0 0 50px;
}
ul#top-navigation li.start-topnav{ border: none; padding-left: 420px; }
ul#top-navigation li{
  display: inline; 
  padding: 1px 10px; 
  border-width: 0px 1px 0px 0px; 
  border-style: solid;
  background-image: none;
}
ul#top-navigation li a:link,ul#top-navigation li a:visited{
  text-decoration: none;
}


/*
*	05b. Side Navigations
*/
.side-navigation{ padding: 0 0 0 10px; margin: 0;}
.side-navigation li{
  padding: 1px 0 0; 
  list-style-position: outside;
  background-image: none;
}

/*
*	06. Article Listing/View Structure & Typography
*/
h2.paragraphheadline{ font-weight: normal; margin: 5px 0; }

p{  }
.strong{ font-weight: bold; padding: 1px 0; }
.basic{ padding: 20px; }
.link{ }
.byline{ position: relative; margin: 0 0 5px; }
.date{  }
.author{  }
.copyright{text-align: center; font-weight: bold; }
.copyright a{text-decoration: underline; }
.hosted{text-align: center; padding-bottom: 20px; }
.hosted a{text-decoration: underline; }
.pagedescription{  }
.headline, h1.headline{ font-weight: normal;}
.headlineview, h1.headlineview{ font-weight: normal; margin-bottom: 5px; }
.subheadlineview, h2.subheadlineview{ font-weight: bold; margin-bottom: 5px; }
.subheadline, h2.subheadline{ font-weight: bold; }
.ingress{  }
.body{ }
.ingressview{ }
div.ingressview{ margin: 6px 0px; padding: 0px; }
#loginbox{ 
  width: 350px; 
  margin: 20px auto; 
  font-weight: bold; 
  -webkit-border-radius: 0.7em;
  -moz-border-radius: 0.7em;
  border-radius: 0.7em; 
  border-color: 1px;
  border-width: solid; 
}
#logintable td{ padding: 5px; }
#logintable h1.loginheader{ ; font-weight: bold; text-align: center; padding: 10px 0; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }
#logintable input{ float: right; }
#logintable .logininput{
  border-width: 1px;
  border-style: solid;
  width: 150px; 
}
#logintable .loginbutton{
  margin-top: 15px; 
  padding: 3px 5px; 
  border-width: 1px;
  border-style: solid;
  font-weight: bold; 
  -webkit-border-radius: 0.3em; 
  -moz-border-radius: 0.3em; 
  border-radius: 0.3em;
}
/*
*	07. Page Elements
*/
ul.menu{ padding: 0px; margin: 0px; list-style-type: none; }
ul.menu li{ margin: 0px; padding: 1px 0px; }
#topmenu{ padding: 0px; margin: 0px; list-style-type: none; }
#topmenu li{ margin: 0px; padding: 1px 0px; display: inline; }
#path{ margin-left: 15px; margin-top: 10px;  }

.pagebar{ text-align: right; padding: 15px 15px 15px 0; }
.pagebar a{ padding-left:  15px; }
/*
*	07a. Tools Menu
*/
#tools{ list-style-type: none; }
#tools li{ background-position: center left; background-repeat: no-repeat; }
#tools li#tips{  }
#tools li#printable{  }
/*	
*	07b. Search Form 
*/
#searchform{
  width: 180px;
  padding: 0px;
  margin: 0px;
}
input.searchinput{ 
  border-width: 1px;
  border-style: solid;
  padding: 2px 3px;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  vertical-align: middle;
  padding: 1px;
}

.searchsubmit{ 
  padding: 0; 
  margin: 0; 
  border: none;
  vertical-align: middle;
}

.searchpage{ padding: 25px; }
.searchpage	form{ width: 400px; margin: 0 auto; }
.searchpage	form table{ margin: 0; padding: 0; }
.searchpage	.descrip{ padding: 5px; }
.searchpage	.category{ padding: 5px; }
.searchform{ width: 350px; margin: 20px auto; }
/*
*	07c. Banner Locations
*/
.banner6 table, banner 8 table{ margin: 0px auto; }
.banner7{ margin: 0; }
.banner7 table{ margin: 10px auto; }
.bannerlocation{ clear: both; text-align: center; }
.bannerlocation table{ margin-left: auto; margin-right: auto; }
.bannerlocation td{ text-align: center; padding: 5px 0px; }
.bannerlocation img{ border-width: 0px; }
.monthlycalendartable{ width: 100%;}
.calendardate{font-size: 85%; }

.banner7{
  overflow: auto;
  padding-left: 15px;
  width: 655px;
}
/*
*	08. Sitemap Links
*/
#sitetree{
  padding-left: 15px;
}
.tree{ font-weight: normal;}
a.tree:link{ text-decoration: none; }
a.tree:visited{ text-decoration: none;}
a.tree:hover,a.tree:focus{ text-decoration: underline;}
.sitetree{}
a.sitetree:link{ text-decoration: none;}
a.sitetree:visited{ text-decoration: none;}
a.sitetree:hover,a.sitetree:focus{ text-decoration: underline;}
/*
*	09. Tag Cloud
*/
div.tagcloud{
  font-weight: bold;
  text-align: center; 
  margin: 10px 5px; 
}
.tagcloud span{ padding: 0 5px; text-decoration: none; }
.tagcloud a{ white-space: nowrap; }
.tagcloud a:link{ text-decoration: none;}
.tagcloud a:visited{ text-decoration: none; }
.tagcloud a:hover{ text-decoration: underline;}

#sitetree a{
 text-decoration: none;
}
#sitetree a:hover{
 text-decoration: underline;
}
#sitetree li.rootnode{
	font-weight: bold;
}
#sitetree li li{
	font-weight: normal;
}

#sitetree ul.sitetreeroot{
  float: left;
  width: 32%;
  margin: 0 1% 0 0;
  padding: 0px;
  list-style-type: none;
  min-width: 15em;
}

li.rootnode{}

#sitetree ul.sitetreeroot ul{
  border-left-width: 1px;
  border-left-style: solid;
  list-style-type: none;  
  padding: 0px;
  margin: 5px 0px;
}
#sitetree ul.sitetreeroot ul li{
  background-position: 10px 7px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 25px;
  margin: 2px 0px;
}


/* Generalized font specifications */
body{
   font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", "Lucida Grande", Geneva, sans-serif;
/*   font-family: "Liberation Sans", Arial, Tahoma, sans-serif;*/
}
h1,h2,h3,h4,h5,h6{
  font-family: Verdana, Helvetica, "Liberation Sans", Arial, Tahoma, sans-serif;
}
ul#top-navigation{
  font-family: "Trebuchet MS",Verdana,sans-serif; 
  font-size: 1.1em;
}
div.tagcloud{
}
body{
  font-size: 68.75%; /* 75% */
}
table, caption, th, td{
  font-size: 1.0em;
}
h1{
  font-size: 1.45em;
}
h2{
  font-size: 1.3em;
}
h3{
  font-size: 1.3em;
}
h4{
  font-size: 1.2em;
}
h5, h6{
  font-size: 1.1em;
}

h1.headline{
  font-size: 1.25em;
}
h1.section-heading{
  font-size: 1.1em;
}
h1.sidebar-title, h2.sidebar-title, h3.sidebar-title{
  font-size: 1.1em;
  text-transform: uppercase;
}
div.tagcloud{
  font-size: 1.6em;
}

/* SECTION: question-answer */
p.question, p.answer{
  padding: 0 0 0 26px;
  padding-left: 26px;
  text-indent: -26px;
  margin: 0 0 4px 0;
}


.tagsize60 {
  font-size: 0.6em;
}
.tagsize70 {
  font-size: 0.7em;
}
.tagsize80 {
  font-size: 0.8em;
}
.tagsize90 {
  font-size: 0.9em;
}
.tagsize100 {
  font-size: 1.0em;
}
.tagsize110 {
  font-size: 1.1em;
}
.tagsize120 {
  font-size: 1.2em;
}


/* Som layout elements */
#sitetools{
  float: right;
  padding-top: 10px;
}
#sitetools div.tool{
  float: right;
  margin-left: 15px;
}



/* SECTION: tekstskalering */

#tekstskalering{
  padding: 0px;
  margin: 0px 0px 15px 5px;
}
#tekstskalering a, #tekstskalering a:hover{
  cursor: pointer;
}
a#scalelargest{
  font-size: 18px;
}
a#scalelarge{
  font-size: 15px;
}
a#scalenormal{
  font-size: 12px;
}
#colorscheme a{ 
  height: 14px;
  line-height: 14px;
  font-size: 1.2em;
  border: 1px solid #000000;
  margin-right: 0px;
  padding: 0px 3px;
  margin: 0px;
}

a.wb{
  color: white;
  background-color: black;
  border-right-width: 0px !important;
}
a.bw{
  color: black;
  background-color: white;
  border-right-width: 0px !important;
}
a.normal{
  color: blue;
  background-color: white;
}

table.searchresults{
  width: 99%;
  margin-top: 15px;
}
table.searchresults th{
  padding-bottom: 5px;
}
table.searchresults td{
  vertical-align: top;
  text-align: left;
  padding: 2px 2px 10px 2px;
}
a.link img{
  margin: 0 5px;
}