/* Basic layout etc */
body  {
	background-image: url(/images/309.gif);
	margin: 0;
 	padding: 0 30px 30px 170px;
        text-align: center;
}
#main {
	position: relative;
	width: 810px;
        padding: 0px;
        background: url(/images/310.jpg) top right no-repeat;
        margin-left: auto;
        margin-right: auto;
      text-align: left;
}
#header {
	height: 150px;
	color: #FFF;
        background-position: bottom left;
        background-repeat: no-repeat;
}
             

#menu {
	position: absolute;
	left: -135px;
	top: 150px;
	width: 120px;
}

#content {
	background-color: #fff;
	width: 650px;
	padding: 0;
	margin: 0; 
}

#text {
	margin: 18px 0 10px 18px;
	width: 400px;
	float: left;
	overflow: hidden;
}

#content_spacer {
	/* Ger en mini-höjd åt content-lagret */
	float: left;
	clear: none;
	background: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 350px;
}

#puffs {
	width: 170px;
	float: right;
	margin: 18px 18px 18px 2px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}

/* IE 6 workaround: margins are doubled on floated elements, so 
    make them inline instead. */
#text, #content_spacer, #puffs { _display: inline; }
#puffs { _margin-left: 10px; }

#footer {
	background-color: #fff;
	border-top: 1px solid #ccc;
	padding: 5px;
        width: 640px;
}
#footer p {
	margin: 0px;
	font-size: 10px;
}

.clear {
	clear:both;
	float: none;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
hr {
	border: 0px;
	height: 1px;
	color: #ccc;
	background-color: #ccc;
}
img {
border: none;
}
form {
margin: 0;
padding: 0;
}
table {
width: 100%;
border-collapse: collapse;
}
table.border {
border: 1px solid #CCC;
background-color: #FFFAF6;
}
td, th {
text-align: left;
padding: 4px;
margin: 0;
}
tr.top_border>td, tr.top_border>th {
border-top: 1px solid #CCC;
}
tr.bottom_border>td, tr.bottom_border>th {
border-bottom: 1px solid #CCC;
}



/* Type */
body,p,div,li,input,h4 {
	font-family: Verdana, 'Bitstream Vera Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%; /* 1.4 och em-värde ger olika resultat på olika webbläsare. Pixlar funkar inte som generellt värde. */
	color: #000;
}
input {
	font-size: 11px;
	margin: 2px;
}
p {

	margin: 0.5em 0em 0.5em 0em;
}
a {
	color: #555;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1,h2,h3 {
	font-family: Helvetica, Arial, 'Helvetica Neue', 'HelveticaNeue', sans-serif;
	/* font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, Helvetica, sans-serif; */
	margin: 1.2em 0em 0.3em 0em;
	line-height: 100%; 
}
h1 {	font-size: 28px; }
h2 {	font-size: 20px; }
h3 {  font-size: 17px; }
h4 {
	margin: 1em 0em 0em 0em;
	line-height: 100%; 
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	margin: 0.4em 0;
	padding: 0;
}
ul>li>ul {
	padding-left: 1em;
}
.current { font-weight: bold; }


/* Special/local formatting */

.rssThumbFloat {
  float: left;
  width: 150px;
  border: 1px solid #999;
  margin: 0 15px 15px 0;
  padding: 5px;
  text-align: center;
  font-size: .85em;
}
table.rssThumbs
{
width: 400px;
}

#menu p, #menu h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 11px;
	text-align: right;
}
div#menu h2 {
	text-transform: uppercase;
	margin: 6px 0 2px 0;
}
div#menu p {
	margin: 2px 0;
}
div#menu a {
	color: #000;
font-weight: bold;
}
div#menu a.current {
	font-weight: bold;
	color: #000;
}
#menu .service-links {
  text-align: right;
  margin-top: 10px;
}

#jukebox {
  background-image: url(/images/312.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 32px 0 0 0;
  font-size: 10px;
  font-style: italic;
  color: #666;
}
#jukebox a {
  color: #000;
}


#admin
{
padding: 6px 6px 0 0;
margin: 20px 0 0 0;
border-top: 1px solid #666;
border-right: 1px solid #666;
}
#admin, #admin p {
font-size: 10px;
text-align: right;
}
#admin ol,#admin ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#admin p, #admin h3, #admin p a { color: #666; }
#admin p a { font-weight: normal; }

#puffs, #puffs p  {
	font-size: 10px;
}
#puffs h2  {
	font-size: 14px;
}
#puffs h3  {
	font-size: 12px;
}
#puffs hr {
margin: 15px 0;
}
#puffs a {
color: #222;
}


div.liveshows p {
	margin-left: 10px;
	font-size: 11px;
}

div.liveshows h3 {
	padding: 5px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
}

p.smalltext, span.smalltext, div.smalltext>p { font-size: 11px; font-weight: normal; }
p.tinytext, span.tinytext, div.tinytext>p { font-size: 9px; font-weight: normal; }

div.product {
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}
div.product form {
	margin: 0;
	padding: 0;
}


ul#navlist li
{
display: inline;
}
#commentsid
{
list-style: none;
}

.right {
float: right;
margin: 0 0 2px 3px;
}

.left {
float: left;
margin: 0 3px 2px 0;
}

a.feed_icon {
display: block;
position: absolute;
left: 420px;
}

/* Overrides */

h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {
margin-top: 0;
padding-top: 0;
}
h1+h2, h2+h3, h1+h3, h1+h4, h2+h4, h3+h4 {margin-top: 0.8em;}
hr+h2, hr+h3, hr+h4 { margin-top: 0.6em; }

div#menu h2 a img{position:relative;left:9px;margin-left:-10px; }
div#menu p a img{position:relative;left:9px;margin-left:-10px; }
.headerImg
{
position:absolute;
top:101px; 
}
 
h3 .smalltext { white-space: nowrap; }