/* Skapad av Joel Sundkvist
Moonshadow New Music and Media [May/Sept 2007] 
*/

/***** Global Settings *****/


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

body {
font:0.9em/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Sans-serif;
background: #f8f8f8 url(../gfx/body_bg.jpg) repeat-x 0 0;
color:#444;
text-align: center;
}


/***** Layout blocks *****/

#container {
width:912px;
background: transparent;
margin:0 auto;
padding:0;
text-align: left;
}


#splash {
background:transparent url(../gfx/splash.png) no-repeat 0 0;
width:280px;
height: 400px;
margin:30px 0 0 20px;
padding:0;
display:inline;
float:right;
text-indent: -9999px;
}


#splash h1, #splash p {visibility:hidden;}


#blog {
width: 910px;
padding:0;
margin:0 auto 20px;
background:transparent url(../gfx/blog.jpg) repeat-y 0 0;
text-align: left;
color:#fff;

	}

#blog p, #blog ul, #blog ol {	color:#eee; } 

.entry {
background:#fff3ec;
padding:0 10px 5px;
margin:0;
font-size: 90%;
}

h2#notiser {
background:transparent url(../gfx/notiser.jpg) no-repeat 0 50%;
width:910px;
height:48px;
margin:0 auto;
padding:0;
text-indent:-9999px;
}
	
#content {
width:872px;
padding: 20px;
margin: 0;
background:#fff url(../gfx/content.jpg) repeat-x 0 0;
border-width:0 0px;
border-color:#ccc;
border-style:solid;
//font-size:100%;
min-height:495px;
}



.text-col-wrap {
width:830px;
margin:20px 0;
padding:20px;
background:#f1faff url(../gfx/text-col-wrap.jpg) no-repeat 0 0;
font-size:90%;
}

.text-col {
width:250px;
margin:0 25px 0 0;
float:left;
display:inline;
min-height:250px;
}

.contact-form {
width:520px;
margin: 0 20px 0 0;
padding:20px;
background:#f1faff url(../gfx/text-col-wrap.jpg) no-repeat 0 0;
font-size:100%;
}

#header {
width:912px;
height:120px; 
padding:0; 
margin:0;	
background: transparent;
font-size:100%;
}

#sticky {
margin:0 0 20px 0;
}


#portfolio_galleri {
width:870px;
padding: 0;
margin:0;
}

.portfolioshot {
width:220px;
height:220px;
padding:20px;
margin:0 0 0 -10px;
background:transparent url(../gfx/portfolioshot.gif) no-repeat 0 0;
}

.col1 {
width: 260px;
margin:0 0 10px 0;
display: inline;
float: left;
}

.col2 {
width: 260px;
padding:0 45px 10px;
display: inline;
float: left;
margin:0;
}

.col3 {
width: 260px;
margin:0 0 10px 0;
display: inline;
float: left;
}

#blog .col2 {padding: 0 65px 10px;}

.blog_more {
margin:-50px 0 0 0;
background: #000;
padding:0;
z-index:1000;
position:relative;
}


.spread {
margin: -25px 0 0 0;
padding: 0 10px 0 0;
position:relative;
z-index: 1000;
background: #fff;
font-size:90%;
}
	

	
.var_portfolio {
padding:0;
margin:10px 0 0;
width:120px;
height:23px;
text-indent: -9999px;
background:transparent url(../gfx/var_portfolio.gif) no-repeat 0 50%;
z-index:1;
display:block;
}	


.lasmer {
padding:0;
margin:10px 10px 0 0;
width:64px;
height:16px;
text-indent: -9999px;
background:transparent url(../gfx/lasmer.png) no-repeat 0 50%;
z-index:1;
display:block;
float: right;
}


.nyhetsarkiv {
width: 600px;
margin:0 0 10px 0;
padding:0 0 70px 0;
background:transparent url(../gfx/nyhetsarkiv.jpg) no-repeat bottom left;
}


.close {
background: transparent url(../gfx/close.png) no-repeat 0 50%; 
padding:0;
margin: 10px 0 0 0;
text-indent: -9999px;
width: 56px; 
height: 16px;
float:right;
display:block;
}


#portfolio_galleri .lasmer {
padding:0;
margin:10px 17px 0 0;
width:64px;
height:16px;
text-indent: -9999px;
background:transparent url(../gfx/lasmer.png) no-repeat 0 50%;
z-index:1;
float:right;
display:block;
}



#portfolio_galleri .close 
{
background: transparent url(../gfx/close.png) no-repeat 0 50%; 
padding:0;
margin: 10px 0 0 0;
text-indent: -9999px;
width: 56px; 
height: 16px;
float:right;
display:block;
}

.rightbox {
background:#eee;
width:238px;
min-height: 400px;
margin:30px 0 0 20px;
padding:20px;
display:inline;
float:right;
font-size:90%;
border:1px solid #ddd;
}

#right h2,#right h3,#right h4   {color:#181e1a;}


.textbox {
background:#cfebff;
padding:0 20px 20px;
border:1px solid #b7e2ff;
margin:0 20px 0 0;
width:650px;
} 

#footer {
padding: 30px 0 0;
width:100%;
text-align:center;
font-size:80%;
color:#eee;
background:#000 url(../gfx/footer.jpg) repeat-x 0 0;
margin:0;
}





#navbar {
height:30px;
margin:90px 0 0;
padding: 0 0 0 0;
background: transparent;
float:right;
display:inline;
/* IE6 width:400px; */


}

#navbar ul{	
height:30px;
margin:0;
padding: 0;
border:none;
background:transparent;
}

#navbar ul li {
height:30px;
line-height: 30px;
display: inline;
list-style-type: none;
margin:0;
padding:0;
text-align: left;
background: transparent;
}




#navbar ul li a {
background: #242424;
padding:0 20px;
height:30px;
display:block;
float:left;
margin:0 0 0 1px;
}



#navbar ul li a:hover {
background: #333;
color:#fff;
}

#navbar ul li a#nav04,#navbar ul li a#nav05 {
padding:3px 10px 0; 
margin:0 0 0 1px; 
height:27px;
}


body#portfolio a#nav01 {color:#000; cursor:default; background:#fff url(../gfx/current.jpg) repeat-x 50% 0;}


body#om_moonshadow a#nav02 {color:#000; cursor:default; background:#fff url(../gfx/current.jpg) repeat-x 50% 0;
}


body#kontakta_oss a#nav03 {color:#000; cursor:default; background:#fff url(../gfx/current.jpg) repeat-x 50% 0;
}

body#prenumerera a#nav04 {color:#000; cursor:default; background:#fff url(../gfx/current.jpg) repeat-x 50% 0;
padding:3px 10px 0; 
margin:0 0 0 1px; 
height:27px;
}

body#default a#nav05 {color:#000; cursor:default; background:#fff url(../gfx/current.jpg) repeat-x 50% 0;
padding:3px 10px 0; 
margin:0 0 0 1px; 
height:27px;
}


h1#logo {
margin:0;
padding:0;
text-indent:-9999px;
float:left;
display: inline;
}

h1#logo a.start {

background:transparent url(../gfx/logo.png) no-repeat 0 0;
border-bottom:none;
display: block;
width: 300px;
height: 80px;
margin:40px 0 0;
}

h1#logo a.start:link {border-bottom:none;}
h1#logo a.start:hover {border-bottom:none; background-position:-300px 0;}




ul#mininav {
float:right;
display: inline;
height: 30px;
margin:0 0 0 0;
padding:90px 0 0;
background:transparent;
border:none;
}
	
ul#mininav li {display:inline;margin:0; padding:0;float:left;
text-indent: -9999px;
background: transparent;
}

ul#mininav li a {
//width:16px;
//height:16px;
display: block;
margin:0 0 0 1px;
padding:0;
width:30px;
height:30px;
text-align:center;
line-height:30px;
}


ul#mininav li a#start {	background:#444 url(../gfx/home.png) no-repeat 50% 50%;}
ul#mininav li a#rss {	background:#444 url(../gfx/feed.png) no-repeat 50% 50%;}

ul.minigalleri {
background:#fff;
padding:10px 0;
margin:0;
border:none;
}
	
ul.minigalleri li {
display:inline;
background: transparent;
}
		
ul.minigalleri li a{
float:left;
display:block;
width:75px;
height:75px;
margin:0 10px 0 0;
}

h3.minigalleri {
//font-size: small;
text-transform: uppercase;
letter-spacing: -0.05em;
border-bottom: 1px solid #ccc;
}

/***** Common Formatting *****/


h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:bold;
}


h1, h2 {
padding:0;
margin:20px 20px 10px 0;
color:#6bc04c;
}


h3 {
color: #6bc04c;
padding:10px 0;
}

.text-col-wrap h3 {

padding:10px 0 5px;
margin:0 0 10px 0;
border-bottom:2px solid #57b975;
}

h4 {
//font-size:100%;
font-weight: bold;
color: #6bc04c;
margin:10px 0 5px;
}

#footer h2 {
color:#fff;
text-align:left;
width:910px;
margin:0 auto 10px;
}

#rss_info h4 {
	font-size:100%;
	color:#fff;
	}

p, ul, ol {
margin:0;
padding:0 0 10px 0;
//font-size: 75%;
}

#welcomebox p {
padding:0;
}

p.url {
background:transparent url(../../gfx/url.gif) no-repeat 0 50%;
padding:5px 0 0 20px;
border-top:1px solid #ccc;
margin:5px 0 0;
}

.ingress {font-size:135%; letter-spacing:-0.05em; color:#999; margin:0 0 10px 0;}

ul {
list-style:none;
padding:10px;
margin: 0 0 20px;
background:transprent;
}

li {
list-style-type: none;
margin:0;
padding: 0 0 10px 10px;
background:transparent url(../gfx/bullet.png) no-repeat 0 3px;
}

.text-col-wrap ul {
padding:0 0 10px 0; 
margin:0;
}

.text-col-wrap li {
background:transparent url(../gfx/accept.gif) no-repeat 0 2px;
padding: 0 0 10px 20px;
}



ul.kontaktinfo {
margin:0;
padding:0;
list-style:none;
}

ul.kontaktinfo li {
padding:0 0 0 25px;
background:transparent;
}



ul.kontaktinfo li.adress {
background: transparent url(../gfx/house.gif) no-repeat 0 0;
}

ul.kontaktinfo li.phone {
background: transparent url(../gfx/phone.gif) no-repeat 0 0;
margin:10px 0 0;
}

ul.kontaktinfo li.email {
background: transparent url(../gfx/email.gif) no-repeat 0 0;
margin:10px 0 0;
}

ul.kontaktinfo li.vcard {
background: transparent url(../gfx/vcard.gif) no-repeat 0 0;
margin:10px 0;
}

ul.kontaktinfo li.map {
background: transparent url(../gfx/map.gif) no-repeat 0 0;
margin:10px 0;
}


blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:90%;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a {  outline: none;}

a, a:visited {
text-decoration:none;
}

a:link,a:visited {
color:#2da9ff;
}
a:hover {
color:#000;
}

a:active {
color:#2da9ff;
}

.col a:link {border:none;}

#footer a:hover,#rss_info a:hover {color:#fff;}


img.articleimage {float:right; display:inline; margin:0 0 0 20px; border:2px solid #eee;}

/***** Forms *****/


form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:100% "Lucida sans unicode", "Lucida Grande", arial, helvetica, sans-serif;
color:#444;
}

textarea {
line-height:1.25;
}

label {
font-size:100%;
color:#444;
float:left;
display:inline;
line-height: 35px;
min-width:100px;
text-align:right;
}

input#namn,input#email,input#telefon {
float:left;
display:inline;
margin:0 0 10px 10px;
width:390px;
height:18px;
padding:8px 5px 7px;
background:#fff;
border:none;
font-size:120%;
line-height: "35px";
}

select#rubrik {
float:left;
display:inline;
margin:0 0 10px 10px;
width:403px;
line-height:"35px"; 
height:33px;
padding:8px 5px 7px;
background:#fff;
border:none;
font-size:120%;
}

select#rubrik option {
line-height:"35px"; 
height:18px;
padding:8px 5px 7px;
}


textarea#meddelande {
height:250px;
width:390px;
line-height:1.5;
padding: 5px;
background:#fff;
border:none;
margin:0 0 10px 10px;
font-size:120%;
float:left;
display:inline;
overflow:auto;
}


.zemSubmit {
background:transparent;
border:none; 
margin:0 5px 10px 0;
padding:0;
border:none;
color:#444;
cursor: pointer;
height:23px;
width:125px;
float:right;
display:inline;
}

fieldset {
margin:0;
padding:0;
border:none;
padding:0;
}
.important {
background:#fff8de;
padding:20px 20px 20px 0;	
width: 470px;
margin:10px 0;
color:#84440c;
}


/***** Tables *****/
table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
padding:2px;
}



/***** Global Classes *****/

.clear { clear:both; height:0;}

.float_left { float:left; display:inline; }
.float_right { float:right; display:inline; margin:0 0 0 20px; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.grey {color:#999;}

.white {background:#fff;}

.star {position:absolute; margin:-15px 0 0 -15px; }

.bt {border:1px solid #ccc;}

.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }

.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }

.attention {color:#c30;}
.small {font-size:90%}

.besok {
padding:0 0 0 20px; 
background:transparent url(../gfx/besok.gif) no-repeat 0 50%;
}

#footer strong {background:transparent;}
.hl {background:#fff8de; font-weight:bold;}


.feed {
background:transparent;
padding:0;	
width: 450px;
margin:0;

}

.feed ul {margin:0 0 0 10px; padding:0;}
.feed li {
background:transparent url(../gfx/feed10x10.jpg) no-repeat 0 50%;
padding:0 0 0 15px; margin:0 0 0 0;}

/***** Images *****/

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }