html, body {background-color:#000;
     }

img {border: none;
     }

.speech {display: none;}

#wrapper {width: 100%;}

.logo{
margin:0px 0px 0px 30px;

}
.mainbox {
	/*background: url(../images/layout/mainbox.jpg) no-repeat;*/
	
	width: 990px;
	height: 583px;
	margin: 1px auto;
	padding-top: 2px;
	
	}
.p{
margin-top: 5px;
margin-left: 100px;
width: 400px;
padding:15px;
color:#e0e0e0;
float:left;
			font-family:"Myriad Pro";
			font-size: 13px;
			font-weight:100;
				line-height: 120%;
				letter-spacing: 2px;
}


.bold {
font-weight:bold;
}

/* MENY */

.meny {

	height: 52px;
	width: 662px;
	float: left;
	
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 6px;
	
		/*position:fixed;*/
}
.meny ul{
	list-style: none;
	float:left;
	position:absolute;
	padding: 0;
	
}
.meny ul li{ 
	float: left;

}
.meny ul li a{ 
	text-decoration:none;
	font-family:Verdana;
	text-align:center;
	font-size:18px;
	color:#999999;
	display: block;
	
	/*background:#00FFFF;*/
}

.meny ul li a:hover{ 
color:#FFFFFF;
}


.meny ul li.start a{
	/*background:#CC3300;*/
	width:110px;
	text-align:right;
	margin-right:18px;
}
.meny ul li.start a:active{
}

.meny ul li.portfolio a{
	/*background:#FFCC00;*/
	margin-right:10px;
	width:99px;
}
.meny ul li.portfolio a:hover{
	/*background: url(../images/layout/portfolio_gbtn.jpg);*/

}

.meny ul li.projekt a{
	/*background:#996666;*/
		margin-right:10px;
		width:70px;

}
.meny ul li.projekt a:hover{
	/*background: url(../images/layout/projekt_gbtn.jpg);*/

}
.meny ul li.blogg a{
	/*background:#00CC99;*/
		margin-right:10px;
		width:64px;

}

.meny ul li.ommig a{
	/*background:#669900;*/
	margin-right:15px;
		width:55px;


}
.meny ul li.ommig a:hover{
	/*background: url(../images/layout/ommig_gbtn.jpg);*/

}

.meny ul li.lankar a{
margin-right:14px;
		width:75px;
}
.meny ul li.lankar a:hover{
	/*background: url(../images/layout/lankar_gbtn.jpg);*/

}

.bgimg{
background:url(../images/layout/mainboxwindow.jpg) no-repeat;
width: 663px;
height: 531px;
margin-top:52px;
margin-left:6px;

}
.bgillu{

float:right;
width:321px;
height:583px;
margin:-583px 0px 0px 0px;
}

.infotext {
	margin:10px 0px 0px 30px;
	width: 633px;
	height: 467px;
	float: left;
	overflow: auto;

/*lägg färg på informationsfältet*/
}

.feedbox {
background:url(../images/layout/feedbox.jpg) no-repeat;
margin:10px 10px 10px 10px;
width:191px;
height:43px;
position: fixed;
	bottom: 0;
	right:0;
}

.feedbox ul {
list-style: none;
width:191px;
margin:0px 0px 0px -40px;

}

.feedbox ul li {
float:left;
margin:6px 0px 10px 6px;
}
/*.feedbox ul li.fb {
background: url(../images/layout/icn_fb.a.png) no-repeat;
width:50px;
height:50px;
}
.feedbox ul li.fb a:hover{
background: url(../images/layout/icn_fb.png) no-repeat;
width:50px;
height:50px;
}
*/
#kontakt {
	background-color:#2f2934;
	height: 21px;
	position: fixed;
	bottom: 0;
	left:0;
	right:0;
		padding-top: 6px;
		color:#cac0cf;
		font-family:"Myriad Pro";
		font-size: 12px;
		text-align:center;
		letter-spacing: 8px;
			border: #9e9195 solid thin;
			outline-style: solid;
			outline-width: 2px
}
.copyright {
height: 0px;
width: 615px;
margin-top: 30px;
color:#CCCCCC;
font-family:"Myriad Pro";
font-size:11px;
letter-spacing: 2px;
	text-align: center;
}
 
/* TEXT HANTERING */

.indextext {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	
	font-size: 14px;
	padding:1em;

}

.centerrubrik h1{
	color:#e0e0e0;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: right;
		font-size: 22px;
		margin-right: 180px;
		margin-top:20px;
		letter-spacing: 2px;
	
}
.centerrubrik p{
margin-top: 5px;
margin-left: 100px;
width: 400px;
padding:15px;
color:#e0e0e0;
float:left;
			font-family:"Myriad Pro";
			font-size: 13px;
			font-weight:100;
				line-height: 120%;
				letter-spacing: 2px;
}

.portfoliokategorier {
color:#e0e0e0;
font-family:Futura, "Myriad Pro";
font-size:14px;
margin-left: 125px;
width:120px;
}
.small {
font-weight:100;
font-size: 14px;
letter-spacing: 4px;

}
/* INDEX SIDAN */
.film {
margin:137px 67px 0px 68px;

}
.nyheter{ background-color:#2f2934;
	height: 130px;
	width: 180px;
	margin: 20px 35px 0px 0px;
	float: right;
}
.nyheter h2 {color:#CCCCCC;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 22px;
}
#senaste {
height: 225px;
width: 150px;
border: 1px solid #000;
float:left;
margin: 15px 0px 0px 120px;

}

.alsternyheter {
	width: 180px;
	height: 70px;
	overflow: auto;
	margin: 3px 10px 6px 0px;
	
}
.alsternyheter ul{
	list-style: none;
	margin:0px 0px 0px 25px;
	float:left;
	padding: 0;
	
}
.alsternyheter ul li{ 
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;

}
.alsternyheter ul li a{ 
	display: block;
	width: 33px;
	height: 39px;
	border: 1px solid #000000;
}
.alsternyheter ul li.queenadreena a{
	background: url(../images/thumb/queenadreena_btn.jpg);
}

.alsternyheter ul li.lilith a{
	background: url(../images/thumb/lilith_g.btn.jpg);
}
.alsternyheter ul li.lilith a:hover{
	background: url(../images/thumb/lilith_btn.jpg);
}

.alsternyheter ul li.airborne a{
	background: url(../images/thumb/airborne_g.btn.jpg);
}
.alsternyheter ul li.airborne a:hover{
	background: url(../images/thumb/airborne_btn.jpg);
}

/* PORTFOLIO SIDAN */

.passparto {
background-color:#2f2934;
	width: 380px;
	 /*filter:alpha(opacity=60);
  opacity:0.6;*/
	overflow: auto;
	margin: 0px 0px 10px 120px;
	padding: 10px 5px 0px 9px;	
}
.passparto ul{
	list-style: none;
	margin-top:0px;
	float:left;
	padding: 0;	
}
.passparto ul li{ 
	float: left;
	margin:0px 3px 0px 0px;

}
.passparto ul li a{ 
	display: block;
	width: 33px;
	height: 39px;
	border: 1px solid #000000;
}
.passparto ul li.airborne a{
	background: url(../images/thumb/airborne_g.btn.jpg);
	
}
.passparto ul li.airborne a:hover{
	background: url(../images/thumb/airborne_btn.jpg);
}
.passparto ul li.goldfishmind a{
	background: url(../images/thumb/goldfish_g.btn.jpg);
}
.passparto ul li.goldfishmind a:hover{
	background: url(../images/thumb/goldfish_btn.jpg);
}
.passparto ul li.ipod a{
	background: url(../images/thumb/ipod_g.btn.jpg);
}
.passparto ul li.ipod a:hover{
	background: url../images/thumb/ipod_btn.jpg);
}
.passparto ul li.dnb a{
	background: url(../images/thumb/dnb_g.btn.jpg);
}
.passparto ul li.dnb a:hover{
	background: url(../images/thumb/dnb_btn.jpg);
}
.passparto ul li.meduza a{
	background: url(../images/thumb/meduza_g.btn.jpg);
}
.passparto ul li.meduza a:hover{
	background: url(../images/thumb/meduza_btn.jpg);
}
.passparto ul li.questionauthority a{
	background: url(../images/thumb/questionauthority_g.btn.jpg);
}
.passparto ul li.questionauthority a:hover{
	background: url(../images/thumb/questionauthority_btn.jpg);
}
.passparto ul li.seabeast a{
	background: url(../images/thumb/seabeast_g.btn.jpg);
}
.digitalart ul li.seabeast a:hover{
	background: url(../images/thumb/seabeast_btn.jpg);
}
.passparto ul li.teamup a{
	background: url(../images/thumb/teamup_g.btn.jpg);
}
.passparto ul li.teamup a:hover{
	background: url(../images/thumb/teamup_btn.jpg);
}
.passparto ul li.theleech a{
	background: url(../images/thumb/theleech_g.btn.jpg);
}
.passparto ul li.theleech a:hover{
	background: url(../images/thumb/theleech_btn.jpg);
}
.passparto ul li.bulletinthehead a{
	background: url(../images/thumb/bulletinthehead_g.btn.jpg);
}
.passparto ul li.bulletinthehead a:hover{
	background: url(../images/thumb/bulletinthehead_btn.jpg);
}

/* FANART */

.passparto ul li.okami a{
	background: url(../images/thumb/okami_g.btn.jpg);
}
.passparto ul li.okami a:hover{
	background: url(../images/thumb/okami_btn.jpg);
}
.passparto ul li.naruto a{
	background: url(../images/thumb/naruto_g.btn.jpg);
}
.passparto ul li.naruto a:hover{
	background: url(../images/thumb/naruto_btn.jpg);
}
.passparto ul li.rin a{
	background: url(../images/thumb/rin_g.btn.jpg);
}
.passparto ul li.rin a:hover{
	background: url(../images/thumb/rin_btn.jpg);
}
.passparto ul li.snusmumriken a{
	background: url(../images/thumb/snusmumriken_g.btn.jpg);
}
.passparto ul li.snusmumriken a:hover{
	background: url(../images/thumb/snusmumriken_btn.jpg);
}

/* WEBBDESIGNS */
.passparto ul li.catnip a{
	background: url(../images/thumb/catnip_g.btn.jpg);
}
.passparto ul li.catnip a:hover{
	background: url(../images/thumb/catnip_btn.jpg);
}
.passparto ul li.sg a{
	background: url(../images/thumb/sg_g.btn.jpg);
}
.passparto ul li.sg a:hover{
	background: url(../images/thumb/sg_btn.jpg);
}
.passparto ul li.sg2 a{
	background: url(../images/thumb/sg2_btn.jpg);
}
/* *** */
.passparto ul li.gadgetor a{
	background: url(../images/thumb/gadgetor_g.btn.jpg);
}
.passparto ul li.gadgetor a:hover{
	background: url(../images/thumb/gadgetor_btn.jpg);
}

/* DESIGNS */

.passparto ul li.dreadead a{
	background: url(../images/thumb/dreadead_g.btn.jpg);
}
.passparto ul li.dreadead a:hover{
	background: url(../images/thumb/dreadead_btn.jpg);
}
.passparto ul li.applicationwork a{
	background: url(../images/thumb/applicationwork_g.btn.jpg);
}
.passparto ul li.applicationwork a:hover{
	background: url(../images/thumb/applicationwork_btn.jpg);
}
.passparto ul li.deviantart a{
	background: url(../images/thumb/deviantart_g.btn.jpg);
}
.passparto ul li.deviantart a:hover{
	background: url(../images/thumb/deviantart_btn.jpg);
}

/* TAVLOR */

.passparto ul li.lilith a{
	background: url(../images/thumb/lilith_g.btn.jpg);
}
.passparto ul li.lilith a:hover{
	background: url(../images/thumb/lilith_btn.jpg);
}
.passparto ul li.storm a{
	background: url(../images/thumb/storm_g.btn.jpg);
}
.passparto ul li.storm a:hover{
	background: url(../images/thumb/storm_btn.jpg);
}
.passparto ul li.camilla a{
	background: url(../images/thumb/camilla_g.btn.jpg);
}
.passparto ul li.camilla a:hover{
	background: url(../images/thumb/camilla_btn.jpg);
}
.passparto ul li.weprewill a{
	background: url(../images/thumb/weprewill_g.btn.jpg);
}
.passparto ul li.weprewill a:hover{
	background: url(../images/thumb/weprewill_btn.jpg);
}
.passparto ul li.fimpletarenjonsson a{
	background: url(../images/thumb/fimpletarenjonsson_g.btn.jpg);
}
.passparto ul li.fimpletarenjonsson a:hover{
	background: url(../images/thumb/fimpletarenjonsson_btn.jpg);
}
.passparto ul li.cancer a{
	background: url(../images/thumb/cancer_g.btn.jpg);
}
.passparto ul li.cancer a:hover{
	background: url(../images/thumb/cancer_btn.jpg);
}
.passparto ul li.friendlycatnip a{
	background: url(../images/thumb/friendlycatnip_g.btn.jpg);
}
.passparto ul li.friendlycatnip a:hover{
	background: url(../images/thumb/friendlycatnip_btn.jpg);
}
.passparto ul li.rigormortis a{
	background: url(../images/thumb/rigormortis_g.btn.jpg);
}
.passparto ul li.rigormortis a:hover{
	background: url(../images/thumb/rigormortis_btn.jpg);
}
.passparto ul li.dinnerisserved a{
	background: url(../images/thumb/dinnerisserved_g.btn.jpg);
}
.passparto ul li.dinnerisserved a:hover{
	background: url(../images/thumb/dinnerisserved_btn.jpg);
}
.passparto ul li.spring a{
	background: url(../images/thumb/spring_g.btn.jpg);
}
.passparto ul li.spring a:hover{
	background: url(../images/thumb/spring_btn.jpg);
}
.passparto ul li.attume a{
	background: url(../images/thumb/attume_g.btn.jpg);
}
.passparto ul li.attume a:hover{
	background: url(../images/thumb/attume_btn.jpg);
}
.passparto ul li.springattume a{
	background: url(../images/thumb/springattume_g.btn.jpg);
}
.passparto ul li.springattume a:hover{
	background: url(../images/thumb/springattume_btn.jpg);
}
.passparto ul li.sia a{
	background: url(../images/thumb/sia_g.btn.jpg);
}
.passparto ul li.sia a:hover{
	background: url(../images/thumb/sia_btn.jpg);
}
.passparto ul li.tippsy a{
	background: url(../images/thumb/tippsy_g.btn.jpg);
}
.passparto ul li.tippsy a:hover{
	background: url(../images/thumb/tippsy_btn.jpg);
}
.passparto ul li.severchildhood a{
	background: url(../images/thumb/severchildhood_g.btn.jpg);
}
.passparto ul li.severchildhood a:hover{
	background: url(../images/thumb/severchildhood_btn.jpg);
}

/* SKETCHES */

.passparto ul li.queenadreena a{
	background: url(../images/thumb/queenadreena_btn.jpg);
}
.passparto ul li.fraktur a{
	background: url(../images/thumb/fraktur_btn.jpg);
}
.passparto ul li.evalution a{
	background: url(../images/thumb/evalution_btn.jpg);
}
.passparto ul li.bluefox a{
	background: url(../images/thumb/bluefox_btn.jpg);
}

.passparto ul li.therat a{
	background: url(../images/thumb/therat_btn.jpg);
}
.passparto ul li.alv a{
	background: url(../images/thumb/alv_btn.jpg);
}
.passparto ul li.pirate a{
	background: url(../images/thumb/pirate_btn.jpg);
}
.passparto ul li.darklady a{
	background: url(../images/thumb/darklady_btn.jpg);
}
.passparto ul li.owltree a{
	background: url(../images/thumb/owltree_btn.jpg);
}
.passparto ul li.deathlist a{
	background: url(../images/thumb/deathlist_btn.jpg);
}
.passparto ul li.theleech_sketch a{
	background: url(../images/thumb/theleechsketch_btn.jpg);
}
.passparto ul li.elements a{
	background: url(../images/thumb/elements_btn.jpg);
}

/* PROJEKT & OM MIG SIDERNA */
.illustration 
{
    
	height: 559px;
	width: 319px;
	float:left;
	position:absolute;
	right: 0px;
	top: 112px;
}
#profilbild  
{
background: url(../images/layout/profilbild2.jpg) no-repeat;
float: left;
	height: 300px;
	width: 200px;
	/*border: 1px solid #black;*/
		margin: 0px 0px 0px 15px;
}
#projektbild  
{
background: url(../images/layout/bornpure.jpg) no-repeat;
float: left;
	height: 300px;
	width: 200px;
	/*border: 1px solid #black;*/
		margin: 0px 0px 0px 15px;
}
#popupart
{margin:-170px 0px 0px 250px;
 
}
.snabbfakta {
-moz-border-radius: 10px;
	background-color:#2f2934;
	height: 170px;
	width: 180px;
	margin: 295px 0px 0px 25px;
}
#autograf
{background: url(../images/layout/autograf2.png) no-repeat;
 width:130px;
 height:69px;
 margin: 70px 0px 0px 420px;
}
.selfportraits
{background-color:#2f2934;
	height: 130px;
	width: 180px;
	margin: -150px 20px 0px 0px;
	float:right;
}
.selfportraitpix {  
    width: 180px;
	height: 70px;
    margin: 0px 23px 0px 0px;
    float:right;
}
.selfportraitpix ul{
	list-style: none;
	margin:0px 0px 0px 0px;

}
.selfportraitpix ul li 
{
	margin:0px 0px 0px 0px;
}
.selfportraitpix ul li a{ 
    width: 33px;
	height: 39px;
	border: 1px solid #000000;
    margin:0px 0px 0px 10px;
	float: left;
}
.selfportraitpix ul li.selfportrait1 a{
	background: url(../images/thumb/selfportrait1_btn.jpg);
}

.selfportraitpix ul li.selfportrait2 a{
	background: url(../images/thumb/selfportrait2_g.btn.jpg);
}
.selfportraitpix ul li.selfportrait2 a:hover{
	background: url(../images/thumb/selfportrait2_btn.jpg);
}

.selfportraitpix ul li.selfportrait3 a{
	background: url(../images/thumb/selfportrait3_g.btn.jpg);
}
.selfportraitpix ul li.selfportrait3 a:hover{
	background: url(../images/thumb/selfportrait3_btn.jpg);
}
#mailamig
{color:#e0e0e0;
	font-family:"Myriad Pro";
	font-size: 13px;
	margin: 0px 50px 0px 300px;
	float:right;
	text-align:center;
}
.snabbfakta ul
{
    margin: 20px 0px 0px 0px;
}
.snabbfakta li { 
list-style: none;
color:#9999CC;
font-family:"Myriad Pro";
font-size:12px;
letter-spacing: 3px;
padding:5px;
margin-left:10px;

}
.infotext h2 {
	color:#e0e0e0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding:0px;
	margin-top: 15px;
	margin-left: 30px;
		text-transform: capitalize;
}
.rightcolumntext {
	float: left;
	width: 300px;
		margin: -495px 0px 0px 130px;
}
p.rightcolumntext{
margin-top: 15px;
padding:0px;
color:#e0e0e0;
			font-family:"Myriad Pro";
			font-size: 13px;
				line-height: 120%;
				letter-spacing: 2px;
				overflow: hidden; 
}
.underrubrik
{
    height:195px;
    width:200px;

	color:#e0e0e0;
	margin: -45px 0px 0px 25px;
    padding: 0px 0px 0px 0px;

}
.underrubrik h3
{   color:#e0e0e0;
width:300px;
}
.underrubrik ul{
margin:0px 0px 0px 0px;
}
.underrubrik ul li{
width:300px;
	list-style: none;
	color:#e0e0e0;
	font-family:"Myriad Pro";
	font-size:15px;
	margin: 3px 0px 0px 0px;
}

/* LÄNK SIDAN */

#banners
{
list-style: none;
	margin:0px 0px 0px 110px;
	float:left;
}
#banners ul 
{
 padding: 0px 0px 0px 0px;
}

#banners ul li 
{
 padding: 0px 0px 0px 5px;
 list-style: none;
 float:left
}
.links 
{   font-family:"Myriad Pro";
	font-size:13px;
	color:#e0e0e0;
	margin:10px 0px 0px 0px;  
	float:left;
}
.links ul 
{float:left;
}
.links ul li
{padding: 0px 0px 3px 0px;
 list-style: none;
}
