*{ 
		margin:0px;
		padding:0px;
		}
		
.clearboth{
       clear:both;
}

html{
		min-height: 100%;
		margin-bottom: 1px;
}

html, body {
		background-color:#222;
		height:100%;
		}

/* Struktur 212020 */

#outerbox{
		position:absolute;
		z-index:1;
		width:720px;
		min-height:100%;
		height:100%;
		left:50%;
		margin-left:-360px;
		background-color:#000;
		border-right:1px solid #333;
		border-left:1px solid #333;
}
	*>#outerbox{
		height:auto;
	}
	
#logo { 
		height:113px;
		width:710px;
		margin:auto;
		background-image:url(pictures/faintedtop7.jpg);
		background-repeat:no-repeat;
		}

		
.con {
		margin:0 auto;
		padding-top:40px;
		padding-left:20px;
		padding-right:20px;
		width:680px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		color:#999;
		font-size:x-small;
		line-height:18px;
		}
		
.con h1 {
		font-size:large;
		color:#999;
		text-align:center;
		padding-bottom:30px;
		}

.con h2 {
		padding:10px 0 15px 0;
		color:#990000;
		font-weight:800;
		font-size:small;
		font-variant:small-caps;
		}
	
.con h3 {
		padding:10px 0 0 0;
		color:#990000;
		font-weight:800;
		font-size:x-small;
		}
		
.con p.date {
		font-size:xx-small;
		color:#999999;
		background-image:url(pics/date-line.gif);
		background-repeat:no-repeat;
		text-align:left;
		padding:0 0 0 20px;
		margin-left:35px;
		}
		
.con p.text {
		font-size:xx-small;
		color:#999999;
		background-repeat:no-repeat;
		text-align:left;
		padding:0 0 0 20px;
		margin-left:35px;
		}

.con p {	
		padding:5px 0 0 0;
		}

.con img {
		margin-right:10px;
		}
		
	
#picture{
		float:right;
		width:200px;
		height:400px;
		}
		
.rel_picture{
		float:left;
		width:172px;
		}
		
#pic_text{ 
		word-spacing:8px; 
		color:#666; 
		text-align:center;
		font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		}

#bio {
		width:480p;
		float:left;
		margin-top:0px; 
		padding-top:0px; 
		line-height:18px; 
		text-align:left; 
		word-spacing:5px;
		}
		
.rel {
		float:left;
		line-height:18px; 
		text-align:left; 
		word-spacing:5px;
		}

.wrap{
	width:680px;
	height:180px;
	}
		
		
.citat {
		width:200px; 
		height:100px; 
		color:#990000; 
		font-style:italic; 
		font-size:large;
		float:right;
		}

.download {
		margin-top:10px;
		}
		
.pics {
		margin-top:10px;
		padding:4px 0 10px 0;
		border-top:dashed 1px #666666;
		border-bottom:dashed 1px #666666;
		text-align:center;
		}

.thumbnails {
		text-align:center;
		color:#333333;
		font-size:small;
		}

#footer {
		position:absolute;
		z-index:0;
		width:720px;
		height:15px;  /* samma som #bottom */
		left:50%;
		margin-left:-360px; /*Minus hälften av width*/
		background-color:#333333;
		bottom:0 !important;
		bottom:-1px;
		color:#666;
		font-size:10px;
		text-align:center;
		}

/* Navigation */

div#navcontainer
{
		background-color: #111;
		border-top: solid 1px #333;
		border-bottom: solid 1px #333;
		}

div#navcontainer ul
{
		background-color:#111;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #666;
		text-align: center;
		margin: 0;
		padding-bottom: 4px;
		padding-top: 3px;
		}

div#navcontainer ul li
{
		background-color:#111;
		display: inline;
		margin-left: -4px;
		}

div#navcontainer ul li a
{
		background-color:#111;
		padding: 5px 15px 5px 15px;
		color: #666;
		text-decoration: none;
		}

div#navcontainer ul li a:hover
{		
		color:#930;
		}

#active a { }
		

/*Vanliga länkar*/

a {
		background:#000;
		width: 70px;
		height: 18px;
		color:#666666;
		text-decoration: none;
		text-align: center;
		font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		}

a:hover {
		color: #930;
		}

#footer a { background-color:#333; color:#993300;}
		
/*

Ny GB

*/


#comments {
		float:left;
		width:300px;
		color:#666;
}

#comments b {color:#990000;}

#comments hr {
		color:#990000;
}

#inlagg {
	color:#666;
	width:300px;
	float:right;
}

#clear { clear:both; color:#666;}
/*

		Läs gb

*/

#navigate { 
		float:right;
		text-align: left; 
		margin:20px 20px 0 0; 
		color:#666;
		font-size:small;

}
.entry { 
		width:300px;
		background-color: #000;  
		float:left; 
		margin:50px 0 20px 10px; 
		text-align: left; 
		color:#666666;
}
	*>.entry {
		margin:50px 0 20px 20px; 
		}


.entry h4{ 
		font-weight: bold; 
		color:#990000; 
		border-bottom:1px solid #333;
		font-size:small;
}
.info { 

		float: right; 
		margin-bottom: 0; 
		color:#999999; 
}

.entry p { 

		/*background-image:url(pics/date-line.gif);*/
		background-repeat:no-repeat;
		clear: both; 
		margin-top: 0;
		margin-bottom: 5px; 
		color:#999999;
		
		
}
.date { 
		font-size: 10px; 
		text-align: right; 
		color:#999999; 
}

/*

		Skriv ett gb

*/


.form { 
		width:255px;
		float:left;
		background-color: #000;   
		text-align: left; 
		color:#666666;
		margin:50px 0 0 60px; 
}

label { 
		float: left; 
		text-align: left;
		font-size:small;
		width: 70px; 
		color:#999999;
		font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
input, textarea { 
		width: 250px; 
		background-color:#000; 
		border: solid #666 1px; 
		font: 11px Verdana, Arial, Helvetica, sans-serif; 
		color:#999999; 
		}
input.submit { 
		font-weight: bold; 
		width: auto;
}
#submit { 
		font-weight: bold; 
		text-align: left;
}
* html #submit { 
		margin-left: 133px; 
}

form { 
		margin-bottom: 1em;
}

.spacer { 
		clear: both; 
		height: 5px;
}

.allowed {
		color:#333;
		font-size:small;}

#error {
		color:#990000;
		font-size:small;
		font-weight:bold;
}