/*
	Historiska Vaerldar
	Master Site-Wide CSS
    skrivet av Stella D
*/





html, body {
	margin:0;
	padding:0 0 0 0; 
	}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,pre,code,p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}


body {
color:#ccc;
		background-color:#000;
	background:url(../img/bg.jpg) repeat-y;
	font: 0.8em Verdana, sans-serif; line-height: 1.5;
	
	}
	
/********************************************************************/
/*  -- wrapper, introtext --  */

#wrapper, #bottom {
	margin:0;
	padding:0;
	width:974px;
}


	
#wrapper {

	width:974px;
	background:url(../img/bg.jpg) repeat-y;
	}
															
															
/********************************************************************/
/* --  p, h1, h2, h3, a, a:hover	-- */

p {
	margin:0 0 16px 0;
	padding:0 0 0 0;
	font: 0.85em Verdana, sans-serif;
	line-height: 1.2;
	color:#ccc; }

		#wrapper p { text-align: left; line-height: 1.5em;
  margin: 0 0 1em;  }

#wrapper h2 {font: 1.6em Trebuchet ms, Times, serif; margin-bottom: 0.1em; color:#ccc;}
#wrapper h3 {font: 1.3em Trebuchet ms, Times, serif; margin-bottom: 0.1em; color:#ccc;}
	
		
	
span {
	margin:0;
	padding:0;
	}

#mainLeft h1 {
	margin:14px 0 12px 0;
	/*font-size:36px;*/
	font-size:300%;
	font-weight:bold;
	line-height:100%;
	}
		
	
h2 
{font: 1.5em Trebuchet, "Times New Roman", serif; letter-spacing: 1px;
	margin:3px 0 12px 0;
	font-weight:bold;
	line-height:100%;
	}


h3 
{font: 1.4em Trebuchet, "Times New Roman", serif; letter-spacing: 1px;
	margin:0px 0 5px 0;
	font-weight:bold;
	line-height:100%;
	}
	
	
	h1 {position: absolute; left: 42px; top: 0px; width: 948px; height: 55px; 
text-indent: -9999px; background: url(../img/sidrub.jpg) no-repeat; }


a {
	color:#99CCFF;
	text-decoration:underline;
	}
a:visited {
	color:#7086D0;
	}
a:hover {
	color:#99CCFF;
	text-decoration:none;
	}

a img, img {  
	border:none;
	}
	

/********************************************************************/
/*  -- columns - mainleft, maincenter  --	*/

#mainLeft {
	width:445px;/* corrected right/left */
	margin:20px 0 21px 0;
	padding:0 20px 0 20px;
    position: absolute;
	}
#mainCenter {
	width:760px;
	margin:275px 0 21px 1px; 
	padding:0px 20px 0 80px;
     position: absolute;
	}

	
/********************************************************************/
/*        -- positionering av text --				*/

#introTxt { width: 396px; position: absolute; top: 125px; left: 74px; width:570px;}

#draktLeft {
	width:270px;
	margin:116px 10px 1px 47px;
	padding:0 0px 0 0px;
	position: absolute;
	}

#draktCenter {
	width:593px; 
	margin:115px 20px 0px 330px;
	padding:0 0px 0 0px;
	position: absolute;
	}
	
#content {
	width:593px; 
	margin:165px 60px 0px 60px;
	padding:0 0px 0 0px;
	position: absolute; }
	
#contentwide {
	width:900px; 
	margin:185px 60px 0px 72px;
	padding:0 0px 0 0px;
	position: absolute;  }

#txtcontent {
	width:593px; 
	margin:185px 60px 0px 74px;
	padding:0 0px 0 0px;
	position: absolute; }
	
	
#sokknapp { 	width:81px;
	margin:15px 90px 0px 0px; }
	

#sokabc { 
	margin-top:15px;
width: 400px;
margin-left: 35px;
 text-align: left;
}
	
	
/********************************************************************/
/*        -- tables --				*/
		
 table {
      margin: 10px 0 0 0;
      font-size:95%;
      }

  .b-drakter table {
      margin: 25px 0 25px 0;
      font-size:95%;
      }

 .b-monster table {
      margin: 0px 0 0px 0;
      font-size:100%;
      }


.fiveh { width:500px; }

.nopads {
      margin: 0px 0 0 0;
    padding:0px 0px 0 0;
height: 2px;
 }


th, td {
      padding:4px 13px;
      text-align:left;
      vertical-align:top;
      }
	
	.length { 	width:200px;
	white-space:nowrap;
	}
	
		.right { 	width:120px;
	white-space:nowrap;
	  text-align: right;
	 
	}
			.left { 	width:120px;
	white-space:nowrap;
	  text-align: left;
	 
	}
	
	.drakttxt  { width:400px;
	white-space:nowrap;
	  text-align: left;
	 
	}
	



/********************************************************************/
/* -- hr, clear, preload	 -- */

.hr {
	margin:5px 0 5px 0;
	border-top: 1px solid #ccc !important; 
	height:1px;
	overflow:hidden;
	clear:both;
	}
	
	
.clr {
	height:5px;
	overflow:hidden;
	clear:both;
	}	
	
	.preloads {
	visibility:hidden;
			margin:0 0;
	}	

			

#header {position: absolute; left: 40px; top: 54px; width: 947px; height: 104px; 
 overflow: hidden; background: url(../img/menuimgblue.jpg) no-repeat; }


.b-drakter #header {position: absolute; left: 40px; top: 54px; width: 947px; height: 50px; 
 overflow: hidden; background: url(../img/draektermenu.jpg) no-repeat; }



/********************************************************************/
/* -- MENUS -- */


#menu li {display: inline;	 }
	
#picMenu li {display: inline; font:85% Arial, Helvetica, sans-serif;}


/********************************************************************/
/* -- main menu -- */

	#header ul {width: 803px; height: 50px; position: absolute; bottom: 0px; left: 28px; background: url(../img/menurubs.jpg) no-repeat 0 0;}
	

	
	#header li {display: inline;}
	#header li a:link, #header li a:visited {display: block; position: absolute; top: 0; text-indent: -9000px;}
	  #header li.linkHem a:link, #header li.linkHem a:visited {left: 10px; width: 43px; height: 50px;}
	  #header li.linkForum a:link, #header li.linkForum a:visited {left: 48px; width: 58px; height: 40px;}
	
	  #header li.linkDrakter a:link, #header li.linkDrakter a:visited {left: 110px; width: 68px; height: 50px;}
	
	  #header li.linkMonster a:link, #header li.linkMonster a:visited {left: 184px; width: 151px; height: 50px;}
	
		  #header li.linkOmhv a:link, #header li.linkOmhv a:visited {left: 342px; width: 173px; height: 50px;}
		
		
				
/********************************************************************/
/* --menu hovers -- */

	  #header li.linkHem a:hover {background: url(../img/menurubs.jpg) no-repeat -10px -53px;}
	  #header li.linkForum a:hover {background: url(../img/menurubs.jpg) no-repeat -48px -53px;}
	  #header li.linkDrakter a:hover {background: url(../img/menurubs.jpg) no-repeat -110px -53px;}
	  #header li.linkMonster a:hover {background: url(../img/menurubs.jpg) no-repeat -184px -53px;}
	  #header li.linkOmhv a:hover {background: url(../img/menurubs.jpg) no-repeat -342px -53px;}

	
	

/********************************************************************/
/* -- visar vilken sida man Šr pŒ-- */
	
	  .b-forum #header li.linkForum a:link, .b-forum #header li.linkAbout a:visited {background: 
	   url(../img/menurubs.jpg) no-repeat -48px -106px; cursor: default;}
	
	  .b-drakter #header li.linkDrakter a:link, .b-drakter #header li.linkDrakter a:visited
	   {background: url(../img/menurubs.jpg) no-repeat -110px -106px; cursor: default;}
	
	  .b-monster #header li.linkMonster a:link, .b-monster #header li.linkMonster a:visited     
	  {background: url(../img/menurubs.jpg) no-repeat -184px -106px; cursor: default;}
	
       .b-omhv #header li.linkOmhv a:link, .b-omhv #header li.linkOmhv a:visited   
       {background: url(../img/menurubs.jpg) no-repeat -342px -106px; cursor: default;}