/* Start of CMSMS style sheet 'SPVM_v2.0' */
/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

/*
This layout depends on modified news summary template


<!-- Start News Display Template -->
{foreach from=$items item=entry}

<h3>
	{$entry->titlelink}
</h3>

<p>
{$entry->category}
{if $entry->author}
	by {$entry->author}
{/if}

{if $entry->formatpostdate}
<strong>
		{$entry->formatpostdate}
</strong><br />
{/if}


{if $entry->summary}
 {eval var=$entry->summary}
</p>
  <p class="textright">[{$entry->morelink}]</p>

{else if $entry->content}
		{eval var=$entry->content}
</p>
{/if}

{/foreach}
<!-- End News Display Template -->

Copy paste this template to your news summary template and delete from here
*/

body {
margin: 0 auto;
padding: 0;
background: #FFFFFF;

}

#site {
margin: 0 auto;
padding: 0;
font: 76%  Arial, Helvetica, sans-serif;
background: #a9a9a9 url(uploads/SPVM_v2.0/bg900.gif) top center repeat-y;
width: 100%;
}

#wrap {
color: #000000;
margin: 0 auto;
padding: 0;
width: 900px;
}


#contenthead {
margin: 0;
padding: 0;
width: 565px;
height: 220px;

}

#contentheadtext {
margin: 0;
padding: 10px;
width: 320px;
height: 167px;
color: #FFFFFF;
font: Arial, Helvetica, sans-serif;
font-weight: normal;
}

#contentheadtext a {
color: #bbbbbb;
font-weight:bold;
}

#header {
clear: both;
margin: 0 0 0 0;
padding: 0;
height: 185px;
width: 900px;
}

#headerbox
{
float: right;
width: 260px;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
font-size: 0.9em;
line-height: 1.5em;
}

.NewsSummaryLink a {
text-decoration: none;
color: #000000;
font-weight: bold;
}


.NewsSummaryLinkWhite a {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

.NewsSummaryLinkEttan a {
text-decoration: none;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
font-size: 15px; 
margin-bottom: 6px; 
text-transform: uppercase; 
line-height: 1.2em;
letter-spacing: -1px;
}

.NewsSummaryLinkExtra a 
{

font-size: 12px; margin: 0 0 5px 0; line-height: 1.2em
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;

}
.NewsSummary
{
border-bottom: 1px dotted #999999;
padding-top: 5px;
padding-bottom: 5px;
}

.dottedline
{
border-bottom: 1px dotted #999999;
padding-top: 1px;
padding-bottom: 1px;
}

#pageheaders
{
margin-bottom: 5px;
border-bottom: 1px solid #999999;
}


#divider
{
border-bottom: 1px dotted #999999;
padding-top: 1px;
padding-bottom: 1px;
}

#extras 
{
float: right;
width: 280px;
margin: 0 0 0 0;
padding: 0 10px 20px 10px;
font-size: 0.9em;
line-height: 1.5em;
}

#extras a {
Color: #663300;
}

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

#extras h3
{
font-size: 14px; 
margin: 0 0 0 0; 
text-transform: uppercase; 
letter-spacing: -1px; 
line-height: 1.0
}

#extras h4
{ font-size: 14px; 
margin: 0 0 0 0; 
text-transform: uppercase;  
line-height: 1.0
}

.Calendar
{
margin: 0px 0 0px 0;
padding: 0px;
width: 200px;
color: #000000;
line-height: 1.3em;
}

#mainblock
{
background-image: url(/uploads/SPVM_v2.0/contentbg.gif);
background-repeat: repeat-x;
background-position: top left
}

#content
{
margin: 0 0 0 0;
padding: 0 10px 0px 20px;
line-height: 1.6em;
text-align: left;
width: 566px;
border-right: 1px dotted #999999;
}

#contentforum
{
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 1.6em;
text-align: left;
width: 700px;
}

#content h2
{
font-size: 1.5em;
margin: 0 0 0.5em 0;
display:inline;
}

#content img
{
padding: 1px;
display:inline;
}

#content h4
{ 
font-size: 18px; 
margin: 2px 0 3px 0; 
text-transform: uppercase; 
letter-spacing: -0.5px; 
line-height: 1.0
display:inline;
}

a {
text-decoration: none;
color: #333333;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}

#footer {
border: 1px solid #666666;
width: 898px;
background: #333333 url(/uploads/SPVM_v2.0/bigborder.gif);
}

#footer a {
color: #808080;
text-decoration: none;


}

#footer a:hover {
text-decoration: underline;
}

#bildtext {
color: #000000;
text-decoration: none;
font-size: 0.6 em;

}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.7em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}


H1, H2, H3, H4, H5
{ font-family:  "Arial Black", Arial, Helvetica, sans-serif; font-weight: normal; }

H2 Span
{ 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
text-transform: none;
font-weight: bold;
}


H3 Span
{ 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
}

H4 Span
{ 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
text-transform: none;
font-weight: bold;
}

Strong Span
{ 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0px;
color: #000000;
}

#content h2

{ font-size: 24px; margin: 0 0 5px 0; text-transform: normal;  letter-spacing: -1px; uppercase; line-height: 1.0}


#content h3

{ font-size: 18px; margin: 0 0 0 0; line-height: 1.0}

#content h4

{ font-size: 18px; margin: 2px 0 3px 0; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.0}


#content B SPAN 
{
   color: #000000;
}


BLOCKQUOTE	{ margin: 0 0 0 0; font-size: 10pt; font-family: Arial, Helvetica, sans-serif;}
BLOCKQUOTE P	{ margin: 0 0 12px 0 }

.line-box {border-top: solid 1px rgb(200,200,200); padding-bottom: 0px; margin: 5px 0px 5px 0px;}
.content1-container-2col-left {overflow: hidden; float: left; width: 187px; margin: 10px 0px 0px 00px; padding: 0px 0px 0px 0px; }
.content1-container-2col-right {overflow: hidden; float: right; width: 187px;  margin: 10px 10px 0px 10px; padding: 0px 0px 0px 15px; border-left: 1px solid rgb(200,200,200);} .content1-line {border-top: solid 1px rgb(200,200,200);  width: 1px;  margin: 0px; padding: 0px;}

.nms_message_form input { width: 130px }
.required {
font-weight: bold;
}

textarea
{
  width: 400px;
}

#myframe 
{
  height: 3000px;
}

/* greybox */
.rbroundbox { background: url(/uploads/SPVM_v2.0/nt.gif) repeat; }
.rbtop div { background: url(/uploads/SPVM_v2.0/tl.gif) no-repeat top left; }
.rbtop { background: url(/uploads/SPVM_v2.0/tr.gif) no-repeat top right; }
.rbbot div { background: url(/uploads/SPVM_v2.0/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/uploads/SPVM_v2.0/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }

/* Newsletter Made Simple CSS for forms etc */
#m2moduleform_1
{
/* border:1px solid #FF7777; Bara för att kolla vart <form> ligger*/
margin:0;
}

#m7moduleform_2
{
margin:0;
}

#m7feu_input_username
{
width:260px;
}

/* <img id="frontphoto" src="uploads/SPVM_v2.0/transparent.gif" width="300" height="182" alt="" border="0"> Style satt med CSS via ID istället för induviduellt i mallarna. height 182 istället för 185 pga konstiga omgivande border/margin/padding i IE6*/
#frontphoto
{
width:300px;
height:182px;
border:0px;
margin:0px;
padding:0px;
}

#nextracetop {
height: 43px;
width: 555px;
padding-left: 10px;
padding-top: 5px;
background: url(/uploads/SPVM_v2.0/nextracebg.gif);
}
#nextraceimage {
height: 100px;
width: 565px;
}
#nextracebottom {
height: 28px;
width: 565px;
background: url(/uploads/SPVM_v2.0/nextracebgbottom.gif);
}


/* End of 'SPVM_v2.0' */