@import url("reset.css");

/* Strukturella klasser */
.structual {
position: absolute;
top: -999px;
left: -999px;
width: 0px;
height: 0px;
overflow: hidden;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */

/* Typografi */

body {
font: 0.75em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

a {
/*color: #e43d21;*/
color: #3e8505;
}

p {
margin: 0 0 1em;
}

ul {
margin: 0 0 1em;
}

/* Klasser */

.alignleft {
float: left;
}

img.alignleft {
margin: 0 15px 10px 0;
}

.alignright {
float: right;
}

img.alignright {
margin: 0 0 10px 15px;
}

.btn_orange {
cursor: pointer;
color: #fff;
font: 0.9em/24px Verdana, Arial, Helvetica, sans-serif;
height: 24px;
text-transform: uppercase;
}

.btn_orange:hover {
text-decoration: underline;
}

button.btn_orange, input.btn_orange {
background: url(../img/button-60px.png) no-repeat left top #ff3333;
vertical-align: middle;
padding: 0 0 3px;
width: 60px;
}

a.btn_orange {
float: left;
width: 118px;
padding: 0 0 0 2px;
margin: 0 5px 0 0;
text-align: center;
text-decoration: none;
background: url(../img/button.png) no-repeat left top #ff3333;
}

a.btn_orange span {
display: block;
cursor: pointer;
height: 100%;
background: url(../img/button.png) no-repeat right top #ff3333;
}

a.btn_orange.read_more {
width: 80px;
}

.link {
cursor: pointer;
}

.omradet {
width: 100%;
font: 0.75em/1.2em Verdana, Arial, Helvetica, sans-serif;
}

.omradet td{
width: 25%;
vertical-align: top;
}

.fadebox_line {
background: url(../img/box/box_line.gif) repeat-x top;
padding: 15px;
margin: 0 -15px;
overflow: hidden;
}

div.fadebox_footer {
border-top: 1px solid #a5a5a5;
margin: 1em 0 0;
padding: 1em 0 0;
clear: both;
}

div.fadebox_footer p {
float: left;
}

div.fadebox_footer p.date {
font: 0.9em/24px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

div.fadebox_footer ul.functions {
float: right;
}

div.fadebox_footer ul.functions li {
float: left;
}

div.fadebox_footer ul.functions li a {
float: left;
width: 16px;
height: 16px;
background: no-repeat center;
text-indent: -999em;
margin: 0 0 0 5px;
}

div.fadebox_footer ul.functions li.facebook a {
background-image: url(../img/icon_facebook.gif);
}

div.fadebox_footer ul.functions li.delicious a {
background-image: url(../img/icon_delicious.gif);
}

div.fadebox_footer ul.functions li.digg a {
background-image: url(../img/icon_digg.gif);
}

div.fadebox1 {
/*background: url(../img/box/box1_top.gif) no-repeat left top;*/
background: url(../img/box/box-1-bg.gif) repeat-y;
width: 577px;
}

div.fadebox1 p {
margin: 0;
}

div.fadebox1 div.fadebox_footer p.date {
margin: 0 0 0 1em;
}

div.fadebox1 div.fadebox-i {
background: url(../img/box/box-1-top.png) no-repeat;
}

div.fadebox1 div.fadebox-i-i {
/*background: url(../img/box/box1_btm.gif) no-repeat left bottom;*/
background: url(../img/box/box-1-bottom.png) no-repeat 0 100%;
padding: 19px;
min-height: 350px;
}

* html div.fadebox1 div.fadebox_content {
height: 350px;
}

div.fadebox1 h3 {
margin: 0.5em 0 0.3em;
font: 2em/1em Arial, Helvetica, sans-serif;
}

div.fadebox3 {
background: url(../img/box/box-3-bg.gif) repeat-y;
}

div.fadebox3 div.fadebox-i {
background: url(../img/box/box-3-top.png) no-repeat;
}

div.fadebox3 div.fadebox-i-i {
padding: 15px;
background: url(../img/box/box-3-bottom.png) no-repeat 0 100%;
}

div.fadebox2 {
background: url(../img/box/box-2-bg.gif) repeat-y;
width: 288px;
padding: 0 0 4px;
}

div.fadebox2 div.fadebox-i {
background: url(../img/box/box-2-top.png) no-repeat;
}

div.fadebox2 div.fadebox-i-i {
padding: 15px 15px 0;
background: url(../img/box/box-2-bottom.png) no-repeat 0 100%;
}

div.fadebox2 h3, div.fadebox3 h3 {
background: url(../img/box/box_line.gif) repeat-x bottom;
color: #575757;
padding: 0 0 0.7em 0;
margin: 0 0 0.5em 0;
font: bold 1.25em/1em Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

div.fadebox3 h3 {
font: 2em/1em Arial, Helvetica, sans-serif;
padding: 0 0 0.5em 0;
text-align: center;
}

div.fadebox4 {
width: 577px;
background: url(../img/box/box-1-bg.gif) repeat-y;
}

div.fadebox4 .fadebox_line {
width: 539px;
}

div.fadebox4 div.fadebox-i {
background: url(../img/box/box-1-top.png) no-repeat;
}

div.fadebox4 div.fadebox-i-i {
padding: 25px 19px;
min-height: 700px;
background: url(../img/box/box-1-bottom.png) no-repeat 0 100%;
}

* html div.fadebox4 div.fadebox_content {
height: 700px;
}

div.fadebox4 h3 {
font: 2.3em/1em Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}

.field {
background: url(../img/form_field.gif) no-repeat left top;
padding: 0 0 0 3px;
height: 24px;
width: 180px;
margin: 0 5px 0 0;
}

.field input {
font: 1em/1em Verdana, Arial, Helvetica, sans-serif;
width: 100%;
height: 18px;
padding: 6px 0 0;
background: url(../img/form_field.gif) no-repeat right top;
}

h5.paging_desc {
text-align: right;
font: 0.9em/2.5em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #000;
}

.back {
text-transform: uppercase;
}

ul.paging li {
font: 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
display: inline;
}

ul.paging li.next_page {
padding: 0 0 0 0.5em;
margin: 0 0 0 0.2em;
border-left: 1px solid #575757;
}

ul.paging li.prev_page {
padding: 0 0.5em 0 0;
margin: 0 0.2em 0 0;
border-right: 1px solid #575757;
}

div.box_list div.item {
padding: 10px;
margin: 0 0 1em;
font: 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #575757;
}

div.box_list div.item img {
float: left;
margin: 0 10px 0 0;
}

div.box_list div.item .date {
color: #000;
}

div.box_list div.item h4 {
font: bold 1.25em/1em Arial, Helvetica, sans-serif;
margin: 0 0 0.3em; /* Tumnagelstorlek + 10px */
text-transform: uppercase;
}

div.box_list div.item .more_link {
display: block;
margin: 0.5em 0 0;
padding: 0.5em 0 0;
border-top: 1px solid #b7b7b7;
text-transform: uppercase;
}

div.box_list div.thumb .more_link, div.box_list div.thumb h4, div.box_list div.thumb p {
margin-left: 114px; /* Tumnagelstorlek + 10px */
}

div.box_list div.item p {
margin: 0;
}

div.comments {
color: #575757;
overflow: visible !important;
}

div.comments h5.paging_desc {
float: right;
}

div.comments div.item {
clear: both;
padding: 15px 15px 15px 30px;
}

div.comments div.item p.date {
float: left;
}

div.comments_form {
margin: 0 0 1em;
}

div.comments_form h4 {
font-weight: bold;
font-size: 1em;
color: #444;
text-transform: uppercase;
margin: 0 0 1em;
}

div.form2 {
margin: 2em 0 0;
padding: 1em 0 0;
border-top: 1px solid #a09696;
color: #575757;
}

div.form2 h4 {
font: bold 1.25em/1em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 1em;
text-transform: uppercase;
letter-spacing: -0.01em;
}

div.form2 label {
float: left;
clear: left;
width: 80px;
font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
text-transform: uppercase;
}

div.form2 table {
margin: 0 0 1em;
}

div.form2 table label {
float: none;
width: auto;
margin: 0 0 0 10px;
}

span.textarea {
clear: both;
display: block;
background: url(../img/form_textbox.gif) no-repeat left top;
padding: 5px;
width: 525px;
height: 100px;
}

span.textarea textarea {
display: block;
width: 525px;
height: 100px;
background: none;
}

div.form2 span.field {
width: 300px;
}

div.form2 span.field, div.form2 span.field input {
float: left;
}

div.form2 .error {
font: 0.8em/24px Verdana, Arial, Helvetica, sans-serif;
}

ul.tag_cloud {
font: 1.4em/1.2em Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

ul.tag_cloud li {
display: inline;
background-repeat: no-repeat;
background-position: 100% 50%;
}

ul.tag_cloud li img {
vertical-align: middle;
}

ul.tag_cloud li a {
color: #000000;
text-decoration: none;
}

ul.tag_cloud li a:hover {
color: #3e8505;
}

ul.tag_cloud li.level1 {
font-size: 1.2em;
font-weight: bold;
}

ul.tag_cloud li.level2 {
font-size: 1.1em;
}

ul.tag_cloud li.level3 {
font-size: 0.9em;
}

ul#sitemap li ul {
list-style: square;
margin-left: 2em;
}

p.abuse {
float: right;
}

p.abuse a {
float: right;
line-height: 16px;
height: 16px;
padding: 0 0 0 18px;
background: url(../img/exclamation.gif) no-repeat left top;
}

div.calendar {
position: relative;
width: 537px;
height: 90em;
background: url(../img/calendar/stripe_bac.gif) left top #66FFFF;
border: 1px solid #625c5c;
font: 0.75em/1.33em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 2em;
}

div.calendar div.time {
float: left;
width: 37px;
text-align: center;
}

div.calendar div.time ul li {
margin: 0 0 4.67em; /* 3em * 2 = 6em - 1.33em = 4.67em*/
}

div.calendar div.col1, div.calendar div.col2, div.calendar div.col3, div.calendar div.col4 {
float: left;
width: 124px;
height: 100%;
border-left: 1px solid #625c5c;
}

div.calendar div.item {
position: absolute;
width: 124px;
background: url(../img/calendar/item_bac.png);
height: 3em;
}

div.calendar div.sel {
background: #000 !important;
color: #fff !important;
}

div.calendar div.over {
background-image: url(../img/calendar/item_bac_over.png) !important;
}

div.calendar div.item p {
margin: 0;
line-height: 1.2em;
padding: 0.2em 0.5em;
}

div.calendar div.top {
height: 53px;
line-height: 53px;
font-weight: bold;
text-align: center;
background-color: #f3e7e7;
border-bottom: 1px solid #625c5c;
color: #575757;
}

span.add_delete {
float: right;
}

/* Struktur */

body {
background: url(../img/bg_new.jpg) no-repeat 50% 0 #6cb132;
}

div#head {
width: 900px;
overflow: hidden;
margin: 0 auto;
}

div#head h1 {
height: 199px;
background: url(../img/header_new.jpg) no-repeat left top;
}

div#head h1 a {
display: block;
margin: 0 0 0 20px;
width: 170px;
height: 180px;
text-indent: -999em;
overflow: hidden;
}

ul#menu {
position: relative;
overflow: visible;
border-top: 1px solid #fff;
width: 900px;
margin: 0 0 40px -6px;
}

ul#menu li {
float: left;
}

ul#menu li a {
float: left;
background: url(../img/menu.gif) no-repeat;
height: 28px;
overflow: hidden;
margin: 0 2px 0 0;
text-indent: -999em;
}

ul#menu li#m_start a {
width: 75px;
}

ul#menu li#m_start a:hover, ul#menu li.sel#m_start a{
background-position: 0 -28px;
}

ul#menu li#m_artister a {
width: 104px;
background-position: -77px 0;
}

ul#menu li#m_artister a:hover, ul#menu li.sel#m_artister a {
background-position: -77px -28px;
}

ul#menu li#m_program a {
width: 101px;
background-position: -183px 0;
}

ul#menu li#m_program a:hover, ul#menu li.sel#m_program a {
background-position: -183px -28px;
}

ul#menu li#m_biljetter a {
width: 112px;
background-position: -286px 0;
}

ul#menu li#m_biljetter a:hover, ul#menu li.sel#m_biljetter a {
background-position: -286px -28px;
}

ul#menu li#m_festivalen a {
width: 149px;
background-position: -400px 0;
}

ul#menu li#m_festivalen a:hover, ul#menu li.sel#m_festivalen a {
background-position: -400px -28px;
}

ul#menu li#m_festivalbilder a {
width: 161px;
background-position: -551px 0;
}

ul#menu li#m_festivalbilder a:hover, ul#menu li.sel#m_festivalbilder a {
background-position: -551px -28px;
}

ul#menu li#m_resor a {
width: 100px;
background-position: -714px 0;
}

ul#menu li#m_resor a:hover, ul#menu li.sel#m_resor a {
background-position: -714px -28px;
}

ul#menu li#m_omoss a {
width: 84px;
background-position: -816px 0;
margin: 0;
}

ul#menu li#m_omoss a:hover, ul#menu li.sel#m_omoss a {
background-position: -816px -28px;
}

ul#menu li ul {
position: absolute;
left: 0;
top: 28px;
margin: 10px 0 0;
overflow: hidden;
background: none;
width: 900px;
}

ul#menu li ul li {
float: none;
display: inline;
border-left: 1px solid #3e8505;
padding: 0 10px;
margin: 0 0 0 -1px;
}

ul#menu li ul li a {
float: none;
display: inline;
background: none;
font-weight: bold;
text-indent: 0;
}

div#wrapper {
background: url(../img/wrapper_bac.png) repeat-y left top;
width: 888px;
padding: 0 14px;
margin: 0 auto;
}

* html div#wrapper {
background: #fff;
width: 888px;
padding: 0 6px;
overflow: hidden;
}

div#main {
/*width: 585px;
padding: 0 0 100px;*/
width: 577px;
padding: 0 0 100px 8px;
float: left;
}

* html div#main {
overflow: hidden;
}

div#side {
width: 297px;
float: right;
}

* html div#side {
overflow: hidden;
}

div#side div.fadebox3 {
width: 294px;
}

div#artister, div#bloggen {
margin: 0 0 1em;
}

div#artister ul {
font: 1em/ 1.2em Arial, Helvetica, sans-serif;
margin: 0;
}

div#bloggen div.fadebox_content{
padding-bottom: 0;
}

div#bloggen .item{
margin: 0 0 1em;
background: #fff;
padding: 7px 8px 10px;
border: 1px solid #ddd;
}

div#bloggen .item p{
margin: 0;
width: 100%;
float: left;
}

div#bloggen .item p.kommentarer{
float: right;
}

div#bloggen .item p.kommentarer, div#bloggen .item p.date{
font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
width: auto;
}

div#bloggen .item a{
color: #575757;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

div#bloggen .item small{
font-style: italic;
}

div#bloggen p.read_more {
text-align: right;
}

div#rosta_wrapper {
background: url(../img/rosta_btm.jpg) no-repeat left bottom;
margin: 0 0 15px 3px;
}

div#rosta {
background: url(../img/rosta_bac.png) no-repeat left top;
width: 329px;
overflow: visible;
color: #fff;
padding: 15px 12px 12px 12px;
line-height: 2em;
}

* html div#rosta {
background-image: url(../img/rosta_bac.jpg);
}

div#rosta p {
margin: 0;
}

div#rosta h3 {
font: bold 1.25em/1em Arial, Helvetica, sans-serif;
margin: 0 0 22px;
width: 190px;
text-transform: uppercase;
}

div#rosta_form {
width: 265px;
}

div#rosta_form input {
margin: 0 5px 0 0;
}

div#rosta_form button {
margin: 10px 0 0;
}

div#rosta div.resultat {
border-top: 1px solid #efb7fc;
width: 261px;
padding: 12px 0 0;
margin: 12px 0 0;
font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

div#rosta div.resultat p {
margin: 0 0 1em;
}

div#rosta div.resultat span.resultat_bar {
display: block;
height: 10px;
width: 150px;
margin: 4px 5px 4px 0;
background: #efb7fc;
text-indent: -999em;
overflow: hidden;
}

div#rosta div.resultat span.resultat_title {
display: block;
font: 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
}

div#boka_biljetter a {
display: block;
overflow: hidden;
background: url(../img/btn_boka_biljetter.gif);
margin: 0 0 15px 4px;
width: 285px;
height: 126px;
text-indent: -999em;
}

/**/
div#mitt_program {
display: block;
overflow: hidden;
background: url(../img/btn_mitt_program2.gif);
margin: 0 0 15px 4px;
width: 285px;
height: 273px;
}

div#mitt_program p.link {
margin: 8px 0px 0px 197px;
text-transform: lowercase;
}

div#mitt_program p a {
color: #fff;
font: 0.75em/2.0em Verdana, Arial, Helvetica, sans-serif;
}

div#kalender_header_info {
margin: 48px 10px 4px 10px;
color: #fff;
width: 265px;
}

div#kalender_header_info p {
font: 0.75em/2.0em Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
font-weight: bold;
}

div#kalender_header_info p.alignleft {
margin-left: 14px;
display: inline;
}

div#kalender_header_info p.alignright {
width: 60px;
}

div#kalender_footer_info {
color: #fff;
width: 265px;
margin: 0px 10px 0px 10px;
font: 0.95em/2.2em Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

div#kalender_footer_info p {
margin: 0px 0px 0px 4px;
}

div#kalender_footer_info p.alignright {
width: 60px;
}

div#kalender_info {
margin-left: 10px;
color: #fff;
width: 265px;
height: 144px;
}

div#kalender_info div {
background-color: #60a1de;
}

div#kalender_info div.alt {
background-color: #7fbdf8;
}

div#kalender_info div p {
font: 0.75em/2.0em Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
}

div#kalender_info div p.alignleft {
text-transform: uppercase;
margin-left: 14px;
display: inline;
}

div#kalender_info div p.alignright {
width: 60px;
}

/**/

div#wb{
margin: 0 0 1em 4px;
}

div#sponsorer {
margin: 0 0 1em;
}

div#sponsorer ul li, div#samarbetspartners ul li {
background: no-repeat left top;
text-indent: -999em;
overflow: hidden;
}

div#sponsorer ul li#bilbolaget {
background-image: url(../img/sponsorer/bilbolaget.gif);
height: 51px;
margin: 0 0 15px;
}

div#sponsorer ul li#stjarnafyrkant {
background-image: url(../img/sponsorer/stjarnafyrkant.gif);
height: 40px;
}

div#sponsorer ul li#carlsberg {
background-image: url(../img/sponsorer/carlsberg.gif);
background-position: right top;
height: 62px;
}

div#sponsorer ul li#sundsvallstidning {
margin: 10px;
background-image: url(../img/sponsorer/sundsvallstidning2.gif);
height: 29px;
}

div#sponsorer ul li#kommunen {
background-image: url(../img/sponsorer/kommunen.gif);
background-position: center top;
margin: 0 0 10px;
height: 101px;
}

div#sponsorer ul li#coca-cola {
background-image: url(../img/sponsorer/coca-cola.gif);
background-position: center top;
margin: 0 0 10px;
height: 68px;
}

div#sponsorer ul li#halebop {
background-image: url(../img/sponsorer/halebop.gif);
background-position: center top;
height: 70px;
}

div#sponsorer ul li#sundsvall2 {
background-image: url(../img/sponsorer/sundsvall2.gif);
background-position: center top;
margin: 0 0 10px;
height: 63px;
}

div#samarbetspartners ul {
margin: 0;
}

div#samarbetspartners ul li {
float: left;
margin: 0 0 1em;
background-position: center;
width: 48%;
}

div#samarbetspartners ul li#unitedstage {
background-image: url(../img/samarbetspartners/unitedstage.gif);
height: 67px;
}

div#samarbetspartners ul li#axels {
background-image: url(../img/samarbetspartners/axels.gif);
height: 67px;
}

div#samarbetspartners ul li#blixten {
background-image: url(../img/samarbetspartners/blixten.gif);
height: 42px;
}

div#samarbetspartners ul li#casino {
background-image: url(../img/samarbetspartners/casino_cosmopol.gif);
height: 42px;
}

div#samarbetspartners ul li#luger {
background-image: url(../img/samarbetspartners/luger.gif);
height: 30px;
}

div#samarbetspartners ul li#sensus {
background-image: url(../img/samarbetspartners/sensus.gif);
height: 30px;
}

div#samarbetspartners ul li#jazz {
background-image: url(../img/samarbetspartners/jazzklubben.gif);
height: 160px;
}

div#samarbetspartners ul li#livenation {
background-image: url(../img/samarbetspartners/livenation.gif);
background-position: center top;
height: 22px;
}

div#samarbetspartners ul li#pipeline {
background-image: url(../img/samarbetspartners/pipeline.gif);
background-position: center top;
height: 32px;
}

div#samarbetspartners ul li#jocks {
background-image: url(../img/samarbetspartners/jocks.gif);
background-position: center top;
height: 96px;
}


div#footer {
clear: both;
padding: 4px;
color: #6d453f;
}

div#footer ul {
overflow: hidden;
width: 100%;
border-bottom: 1px solid #a8a8a8;
padding: 0 0 1em;
margin: 0 0 1em;
}

div#footer li {
float: none;
display: inline;
border-left: 1px solid #3e8505;
padding: 0 10px;
margin: 0 0 0 -1px;
}

/* Startsida */

div#tavling {
background: url(../img/tavla_bac.png) no-repeat;
color: #fff;
height: 133px;
margin: 0 0 0 -42px;
padding: 20px 18px 0 160px;
}

* html div#tavling {
background-image: url(../img/tavla_bac.jpg);
width: 442px;
padding: 8px 18px 0 118px;
margin: 14px 0 0;
}

div#tavling h3 {
font: bold 1.25em/1em Arial, Helvetica, sans-serif;
margin: 0.5em 0;
text-transform: uppercase;
}

* html div#tavling h3 {
margin: 1em 0 0;
}

div#tavling a {
color: #fff;
}

div#senaste_kommentarerna,
div#hall_dig_uppdaterad {
/*float: left;
height: 255px;*/
color: #575757;
margin: 0 0 1em;
}

div#senaste_kommentarerna h3,
div#hall_dig_uppdaterad h3 {
font-size: 1.5em;
}

div#senaste_kommentarerna div.item {
background: #fff;
padding: 0.5em 1em;
border: 1px solid #ddd;
margin: 0 0 1em;
}

div#senaste_kommentarerna div.item strong {
display: block;
text-transform: uppercase;
}

div#senaste_kommentarerna_browser {
height: 14.5em;
overflow: hidden;
}

div#hall_dig_uppdaterad div.form1 {
border-top: 1px solid #a5a5a5;
padding: 1em 0 0;
margin: 1em 0 0;
}

div#senaste_kommentarerna div.item p, div#hall_dig_uppdaterad div.form1 p {
margin: 0;
}

div.form1 span.field, div#hall_dig_uppdaterad div.form1 span.field input {
float: left;
margin: 0 0 1em;
}

/* Artistpresentation */
div#artist_head {
text-align: center;
text-transform: uppercase;
background-position: left bottom;
padding-top: 0;
padding-bottom: 10px;
margin-bottom: 15px;
}

div#artist_head h3 {
font: bold 2.3em/1em Arial, Helvetica, sans-serif;
color: #ff0000;
}

div#artist_head h4 {
font: 2.3em/1em Arial, Helvetica, sans-serif;
}

/**/
div#artist_head h5 {
font: 1.6em/1em Arial, Helvetica, sans-serif;
}
/**/

div#artist_head h3 {
margin: 0 0 0.2em;
}

div#artist_head h4 {
margin: 0 0 0.2em;
}

div#artist_relaterad_media {
margin-bottom: 1em;
color: #575757;
overflow: visible !important;
}

div#artist_relaterad_media div.col1, div#artist_relaterad_media div.col2 {
width: 50%;
float: left;
}

div#artist_relaterad_media h4 {
font: bold 1.25em/1em Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
text-transform: uppercase;
}

ul.thumb_list {
width: 578px;
}

ul.thumb_list li {
float: left;
height: 125px;
width: 125px;
line-height: 125px;
margin: 0 10px 10px 0;
text-align: center;
}

ul.thumb_list li a img {
border: 5px solid #fff;
vertical-align: middle;
}

div#artist_list  div.item h4 {
background: url(../img/list_star.gif) no-repeat left;
padding: 0 0 0 14px;
}

div#gallery_single p.back {
float: left;
}

div#gallery_single h5.paging_desc {
float: right;
}

div#webcam {
/*width: 362px;
margin: 0 auto;*/
}

div#attention {
border: 1px solid #3e8505;
background: #f4b2a6;
padding: 10px;
margin: 0 0 1em;
}

ul.splash-artist {
margin: 0;
}

ul.splash-artist li {
float: left;
position: relative;
margin: 0 5px 0 0;
}

ul.splash-artist li img {
display: block;
}

ul.splash-artist li h3 {
position: absolute;
left: 0;
bottom: 0;
height: 14px;
padding: 7px 10px 7px 6px;
margin: 0 3px 0 0;
font-size: 1.18em;
line-height: 1;
background: #fff;
}

div#start-splash {
position: relative;
margin: 0 0 20px;
width: 537px;
padding: 18px 24px 30px;
background: url(../img/start-plate.png) no-repeat;
}

div#start-splash-sticker {
position: absolute;
top: -5px;
left: -3px;
width: 231px;
height: 107px;
text-indent: -999em;
overflow: hidden;
background: url(../img/sticker.png);
}

* html div#start-splash-sticker {
background: url(../img/sticker.gif);
}

div#start-splash-flash {
margin: 0 0 5px;
}

div#start-splash-flash img,
div#start-splash-flash object {
display: block;
}

div#start-splash ul.splash-artist {
width: 542px;
}

div#start-splash-sticky {
margin: 0 0 5px;
}

div#start-splash-random {
margin: 0 0 20px;
}

div#start-splash-random ul.splash-artist li {
margin-right: 4px;
width: 104px;
overflow: hidden;
}

div#start-splash-random ul.splash-artist li h3 {
font-size: 0.9em;
height: 11px;
line-height: 1;
padding: 6px 7px 5px 3px;
}

div#start-splash p.more {
margin: 0;
border-top: 1px solid #a5a5a5;
padding: 10px 0 0;
}

div#start-splash p.more a {
width: 120px !important;
}

/* Artistsida */

div.flickr-feed p,
div.popular-music p {
color: #444;
margin: 0;
}

div.popular-music-wrapper {
width: 600px;
}

div.popular-music-wrapper h4 {
text-transform: uppercase;
color: #444;
font-size: 1em;
font-weight: bold;
margin: 0 0 5px;
}

div.popular-music-wrapper span{
float: right;
font-weight: normal;
text-transform: none;
}

div.popular-music-list {
float: left;
width: 260px;
margin: 0 20px 0 0;
}

div.popular-music-list ol {
margin: 0 0 10px;
padding: 0;
width: 260px;
color: #444;
}

div.popular-music-list ul li {
margin: 0 0 6px;
border: 1px solid #ddd;
padding: 5px;
width: 248px;
height: 1.5em;
}

div.popular-music-list ul li span {
float: left;
}

div.popular-music-list ul li a.spotify {
float: right;
width: 18px;
height: 18px;
text-indent: -999em;
overflow: hidden;
background: url(../img/spotify.gif);
}

div.flickr-feed ul.thumb_list {
margin: 0;
}

div.flickr-feed ul.thumb_list li {
height: 110px;
line-height: 110px;
}

/* Nya Comments */

div.comments_enhanced div.item {
color: #444;
border: 1px solid #ddd;
padding: 17px;
width: 505px;
}

div.comments_enhanced div.item p.date {
float: none;
color: #444;
margin: 0 0 0.4em;
}

div.comments_enhanced div.item p {
width: 370px;
}

div.comments_enhanced div.item p.abuse {
width: auto;
margin: -1.4em 0 0;
}

div.comments_enhanced div.item div.picture {
float: left;
width: 50px;
margin: 0 15px 0 0;
}

div.comments_enhanced div.item div.picture img {
margin: 0;
}

div.comments_enhanced div.item div.text {
float: left;
width: 440px;
}

ul.paging_enhanced li {
float: left;
margin: 0 5px 0 0;
}

div#facebook-login {
color: #8f8f8f;
}

div#facebook-login span {
color: #444;
}

div.fb-loading#facebook-login {
background: url(../img/ajax-loader.gif) no-repeat 65px 100%;
}

div.response {
background: #fff9d7;
border: 1px solid #e2c822;
padding: 5px 10px;
color: #333;
margin: 0 0 15px;
width: 400px;
}

div.facebook-info {
position: relative;
margin: 0 0 15px;
}

div.facebook-info a.FB_Link,
div.facebook-info img {
display: block;
width: 50px;
}

div.facebook-info h4 {
position: absolute;
left: 63px;
bottom: 1.5em;
margin: 0;
}

div.facebook-info p {
position: absolute;
left: 63px;
bottom: 0;
margin: 0;
}

div#big-wrapper {
width: 1116px;
padding: 0 5px;
margin: 0 auto;
}

div#head {
float: left;
display: inline;
margin: 0;
padding: 0 8px;
width: 1000px;
}

* html div#head {
padding: 0;
}

div#wrapper {
margin: 0 10px 0 0;
float: left;
}

div#banners {
float: left;
width: 190px;
}

div#banners div.banner {
margin: 0 0 15px;
}

div#banners div.banner img,
div#banners div.banner object {
display: block;
}

div#videoplayer-wrapper {
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
margin: 0 0 10px;
}

div#videoplayer-wrapper object {
display: block;
}

ul.videos {
width: 552px;
margin: 0 -23px 0 0;
font-size: 0.9em;
}

ul.videos li {
float: left;
position: relative;
width: 128px;
margin: 0 10px 10px 0;
}

ul.videos li a {
text-decoration: none;
display: block;
padding: 0 0 5px;
}

ul.videos li a:hover {
background: #3e8505;
color:#fff;
}

ul.videos li img {
display: block;
width: 128px;
margin: 0 0 3px;
}

ul.videos li span.overlay {
position: absolute;
top: 0;
left: 0;
width: 128px;
height: 96px;
background: url(../img/video-overlay.png) no-repeat;
}

ul.videos li span.title {
display: block;
line-height: 1.2;
height: 3.6em;
padding: 0 5px;
}