.submit {
background: #005fa0;
color: #fff;
border: none;
text-transform: uppercase;
padding: 4px 10px;
font-size: 1em;
font-weight: bold;
float: right;
}

#navigation li a {
overflow:hidden;
}

ul.artists {
width: 940px;
margin: 0 0 15px;
font-size: 1em;
}

/* Date list */
dl.dated {
margin:4px 0 0;
}

dl.dated dt {
float: left;
margin: 0 4px 0 0;
color: #696969;
font-weight: bold;
text-transform: uppercase;
font-size:1em;
}

dl.dated dd {
margin: 0 0 0.7em;
}

dl.dated dd a {
border: none;
padding: 1px 4px;/*color: #fff;*/
}

dl.dated dd a:hover {
/*background: #f23267;*/
}

/* COMMENTS */
div.comment,
div.comment div.compose {
border-top: 1px solid #ddd;
padding: 10px 0 0;
}

div.comment h2 {
font-size:1.5em;
margin:0 0 0.3em;
}

div.comment div.compose {
margin: 0 0 30px;
}

div.comment div.compose h3 {
padding: 0 0 0 16px;
margin: 0 0 20px;
background: url(../img/icon-arrows.gif) no-repeat;
font-size:0.9em;
}

div.comment div.compose label {
display: block;
margin: 0 0 5px;
/*color: #b5b5b5;*/
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
}

div.comment div.compose div.textarea {
/*width: 595px;
height: 100px;

background: url(../img/textarea-bg.jpg) no-repeat;*/
    width: 448px;
padding: 6px 4px;
border: 2px solid #a3c5dd;
margin: 0 0 15px;
}

div.comment div.compose div.textarea textarea {
width: 428px;
height: 80px;
padding: 10px;
background: none;
border: none;
}

div.comment div.compose div.buttons p.status {
float: left;
}

div.comment div.compose div.buttons .fb-login,
div.comment div.compose div.buttons fb_login_not_logged_in,
div.comment div.compose div.buttons input.submit {
float: right;
}

/* Fredrik edits */
div#competition-form div {
margin-bottom: 4px;
}

div#competition-form div.success {
font-size: 1.3em;
}

input.input-field {
width: 200px;
border: 1px solid #333;
}

textarea.text-field {
width: 240px;
height: 80px;
border: 1px solid #333;
}

input.submit-button {
}

/* */

div.comment ol {
font-size: 1em;
}

/* Eric edits */
div.comment ol {
list-style: none;
margin-left: 0px 0px 1em;
padding:0;
}

div.comment ol.comments-js-active li {
border: none;
padding: 0;
height: 0;
width: 0;
overflow: hidden;
}

div.comment ol.comments-js-active li.active,
div.comment ol li {
float: left;
border-top: 1px solid #ddd;
padding: 15px 0;
height: auto;
width: 448px;
}

div.comment ol li div.picture {
float: left;
width: 50px;
margin: 0 20px 0 0;
overflow: hidden;
}

div.comment ol li div.picture a {
border: none;
}

div.comment ol li div.text {
float: left;
width: 378px;
overflow: hidden;
}

div.comment ol li h3 {
font-size: 0.9em;
font-weight: normal;
margin: 0 0 0.5em;
}

div.comment ol li h3 span.name {
font-size: 0.9em;
font-weight: bold;
padding: 0 0 0 10px;
}

div.comment ol li p {
margin: 0;
font-size: 0.9em;
}

.fb-login a {
border: none;
}

p.comments-paging-title {
float: left;
margin: 0 10px 0 0;
}

ul.comments-paging {
height: 1.5em;
}

ul.comments-paging li {
float: left;
margin: 0 5px 0 0;
}

ul.comments-paging li a {
font-weight: normal;
}

ul.comments-paging li.sel a {
font-weight: bold;
}

/** Original
ul.videos {
width: 940px;
margin: 0 0 0px;
font-size: 1em;
}

ul.videos li {
float: left;
position: relative;
width: 170px;
padding: 0 7px 7px;
margin: 0 0px 0 0;
background: url(../img/gray50.png);
cursor: pointer;
overflow: visible;
}

ul.videos li a {
color: #b5b5b5;
border: none;
}

ul.videos li a img {
display: block;
border: 7px solid #fff;
margin: 0 -7px 5px;
}

ul.videos li h3 {
height: 4.5em;
}

ul.videos ul.functions {
position: absolute;
right: 7px;
bottom: 7px;
}

ul.videos li a span.bc-fix img {
width: 170px;
margin: 0;
border: none;
}

ul.videos li a span.bc-fix {
display: block;
overflow: hidden;
width: 170px;
height: 96px;
border: 7px solid #fff; 
margin: 0 -7px 5px;
}

**/

.brightcove {
margin: 0px 0 20px 0px;
}

ul.videos {
width: 940px;
margin: 10px 0 0 0px;
font-size: 1em;
}

ul.videos li {
float: left;
position: relative;
width: 170px;
padding: 0 0px 0 0px;
margin: 0 18px 0 0;
background: url(../img/gray50.png);
cursor: pointer;
overflow: visible;
/**boxfix**/
background-color: #EEEEEE;
}

ul.videos li a {
/**color: #b5b5b5;**/
color: black;
border: none;
font-size: 14px;
line-height: 1.3em;
}

ul.videos li a img {
display: block;
border: 7px solid #fff;
margin: 0 0 0px 0;
}

ul.videos li h3 {
height: 4.5em;
/**boxfix**/
padding:2px 3px 5px;
background-color: #EEEEEE;
}

ul.videos ul.functions {
position: absolute;
right: 7px;
bottom: 7px;
}

ul.videos li a span.bc-fix img {
width: 170px;
margin: 0;
border: none;
}

ul.videos li a span.bc-fix {
display: block;
overflow: hidden;
width: 170px;
height: 96px;
margin: 0 0px 5px;
}

.footerbar {
display:block;
width:920px;
height:20px;
clear: both;
}

/** Test **/

ul.artists li {
float: left;
position: relative;
width: 170px;
padding: 0 7px 7px;
margin: 0 15px 0 0;
background: url(../img/gray50.png);
cursor: pointer;
overflow: visible;
}

ul.artists li a {
color: #b5b5b5;
border: none;
}

ul.artists li a img {
display: block;
border: 7px solid #fff;
margin: 0 -7px 5px;
}

ul.artists li h3 {
height: 4.5em;
}

ul.artists ul.functions {
position: absolute;
padding-left: 7px;
right: 7px;
bottom: 7px;
}

ul.artists li.over,
ul.videos li.over {
background: #5c8bff;
}

ul.artists li.over a,
ul.videos li.over a {
color: #fff !important;
}

ul.artists li.over ul.functions li,
ul.videos li.over ul.functions li {
border-color: #a9c2ff;
}

/**
ul.videos li a span.bc-fix {
display: block;
overflow: hidden;
width: 170px;
height: 96px;
border: 7px solid #fff; 
margin: 0 -7px 5px;
}

ul.videos li a span.bc-fix img {
width: 170px;
margin: 0;
border: none;
}
**/

/* Paging & Alphabetical sorting */

ul.alpha,
ul.paging {
font-size: 1em;
text-transform: uppercase;
margin: 0 -5px 0 0;
float:right;
}

ul.alpha li,
ul.paging li {
float: left;
margin: 0 5px 0 0;
}

ul.alpha li a,
ul.paging li a {
border: none;
}

/** Eddie Fixar **/

/** Fixar i inneh�ll **/

#campaign {
background: url(../img/campaign_bg.png) no-repeat;
width: 940px;
height: auto;
position: relative;
padding: 19px;
}

#navigation {
position: absolute;
left: 220px;
bottom: 0;
height: 37px;
width: 509px;
margin-bottom: 0.33em;
}

.featured {
position: relative;
/**background: #eee;**/
	margin-bottom: 1em;
}

/* ============================ */
/* = EDDIE FIXAR = */
/* ============================ */

.linkstyle2 a {
color: #333;
border: none;
display: inline-block;
/** font-size: .857em; **/
	font-weight: bold;
}

.linkstyle2 a:hover {
color: #000;
}

#downloads .songcount {
background: url(../img/counter-big.png) no-repeat;
position: absolute;
top: -50px;
right: -16px;
width: 23px;
height: 70px;
padding: 9px 43px 0px 11px;
font-size: 46px;
text-align: center;
font-weight: bold;
color: #005fa0;
}

#downloads ul li a:hover {
background-color: #abcae0;
background-position: 200px -82px;
}

.cufon canvas canvas {
left:-23px;
}

#flickrgalleri {
height:auto;
}

#flickrgalleri a {
border:none;
}

#flickrlink {
text-align: right;
border-bottom:1px solid #DDDDDD;
padding:0 0 0.3em;
margin-bottom:1.2em;
}

#flickrlink a {
color: #333;
border: none;
display: inline-block;
font-size: .857em;
font-weight: bold;
padding: 0 0 0 16px;
margin: 0 6px;
}

#flickrlink a:hover {
color: #000;
}

/** google form **/

#googleform {
font-family:Arial, sans-serif;
color:#000;
text-transform: uppercase;
}

.ss-q-title {
display:block;
font-weight:bold;
color: #45321c;
}

#googleform h1 {
color: #45321c;
}

#googleform ul {
padding:0 0 1em 1em
}

ol {
padding:0 0 1em 1.3em
}

#googleform li {
line-height:1.5em;
padding:0 0 .5em 0
}

#googleform a {
color: #c9743d;
text-decoration: none;
}

#googleform a:hover {
color: #c9743d;
text-decoration: underline;
}

#googleform p {
padding:0 0 1em 0
}

#googleform input,
select,
textarea,
option {
font-family:inherit;
font-size: 16px;
padding: 5px;
border:2px solid #A3C5DD;
color: #000000;
background-color: #FFFFFF;
}

.ss-textarea {
max-width:99%
}

.ss-q-help {
display:block;
color:#666;
margin:.1em 0 .25em 0
}

.ss-q-long {
max-width:99%
}

.ss-q-short {
max-width:99%
}

.ss-form-entry {
margin-bottom:1.5em
}

.ss-choices {
list-style:none;
margin:.5em 0 0 0;
padding:0
}

.ss-required-asterisk {
color:#c43b1d
}

label {
display:block;
cursor:pointer
}

ul label {
display:inline
}

/** Fixar i type.css **/


h2 {
font-size: 1.86em;
font-weight: bold;
line-height:1em;
}

/* ==================== */
/* = DArk ARTIST = */
/* ==================== */

#dark {
background: #333;
color: #fff;
position: relative;
}

.dark-img {
position: relative;
}

.dark-img h3 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 80px;
right: -10px;
padding: 5px 30px 4px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
text-transform: none;
}

.dark-img p {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 50px;
right: -10px;
padding: 5px 30px 6px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
}

.dark-inner {
padding: 10px;
font-size: .857em;
}

.dark-inner a {
font-size: 1em;
color: #fff;
line-height: 1.2;
text-decoration: none;
border-bottom: none;
}

.dark-inner a:hover {
/** text-decoration: underline; **/
	border-bottom-width: 2px;
border-bottom-style: solid;
}

.dark-inner a span {
border-width: 1px;
}

/* ==================== */
/* = poster-blue ARTIST = */
/* ==================== */

.poster-blue-inner {
background: #005FA0;
color: #fff;
position: relative;
}

.poster-blue-img {
position: relative;
}

.poster-blue-img h3 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 80px;
right: -10px;
padding: 5px 30px 4px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
text-transform: none;
}

.poster-blue-img p {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 50px;
right: -10px;
padding: 5px 30px 6px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
}

.poster-blue-leading {
font-size:1.47em!important;
font-weight:bold;
line-height:1.3;
margin:1em 0 !important;
}

.poster-blue-inner {
padding: 10px;
font-size: .857em;
}

.poster-blue-inner img {
margin-top:2px;
}

.poster-blue-inner p {
margin-bottom: 0px;
font-size:  14px;
}

.poster-blue-inner a {
font-size: 1em;
color: #FFF;
line-height: 1.2;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.poster-blue-inner a:hover {
/** text-decoration: underline; **/
	text-decoration: none;
border-bottom: none;
}

.dark-inner a span {
border-width: 1px;
}

/* ==================== */
/* = poster-blue ARTIST = */
/* ==================== */

.poster-gray-inner {
background: #EEEEEE;
color: #000;
position: relative;
}

.poster-gray-img {
position: relative;
}

.poster-gray-img h3 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #000;
line-height: 1.2;
text-align: right;
bottom: 80px;
right: -10px;
padding: 5px 30px 4px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
text-transform: none;
}

.poster-gray-img p {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 50px;
right: -10px;
padding: 5px 30px 6px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
}

.poster-gray-leading {
font-size:1.47em!important;
font-weight:bold;
line-height:1.3;
margin:1em 0 !important;
}

.poster-gray-inner {
padding: 10px;
font-size: .857em;
}

.poster-gray-inner img {
margin-top:2px;
}

.poster-gray-inner p {
margin-bottom: 0px;
font-size:  14px;
}

.poster-gray-inner a {
font-size: 1em;
color: #000;
line-height: 1.2;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.poster-gray-inner a:hover {
/** text-decoration: underline; **/
	text-decoration: none;
border-bottom: none;
}

.dark-gray a span {
border-width: 1px;
}

/* ==================== */
/* = poster-orange ARTIST = */
/* ==================== */

.poster-orange-inner {
background: #E16900;
color: #FFF;
position: relative;
}

.poster-orange-img {
position: relative;
}

.poster-orange-img h3 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #FFF;
line-height: 1.2;
text-align: right;
bottom: 80px;
right: -10px;
padding: 5px 30px 4px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
text-transform: none;
}

.poster-orange-img p {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 50px;
right: -10px;
padding: 5px 30px 6px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
}

.poster-orange-leading {
font-size:1.47em!important;
font-weight:bold;
line-height:1.3;
margin:1em 0 !important;
}

.poster-orange-inner {
padding: 10px;
font-size: .857em;
}

.poster-orange-inner img {
margin-top:2px;
}

.poster-orange-inner p {
margin-bottom: 0px;
font-size:  14px;
}

.poster-orange-inner a {
font-size: 1em;
color: #FFF;
line-height: 1.2;
border-bottom-width: 2px;
border-bottom-style: solid;
}

.poster-orange-inner a:hover {
/** text-decoration: underline; **/
	text-decoration: none;
border-bottom: none;
}

.dark-orange a span {
border-width: 1px;
}

/* Module - Archive */

div.archive ul {
font-size: 1em;
margin: 4px 0 5px;
}

div.archive ul li a {
padding: 0 0 0 16px;
border: none;
background: url(../img/icon-arrows.gif) no-repeat;
color: #696969;
font-style:bold;
}

div.archive ul li ul {
font-size: 1em;
padding: 0 0 0 13px;
}

div.archive ul li ul li a {
background: none;
/*color: #ddd;*/
color: #005FA0;
padding: 1px 4px;
}

div.archive ul li ul li a:hover {
/*background: #f23267;*/
}

div.archive ul.js-active li ul,
div.archive ul.js-active li.open ul li ul {
display: none;
}

div.archive ul.js-active li.open ul,
div.archive ul.js-active li.open ul li.open ul {
display: block;
}

div.archive ul.js-active li.open ul li a {
background-position: 0 -48px;
}

div.archive ul.js-active li.open ul li.open a {
background-position: 0 -16px;
}

/* ==================== */
/* = Gray ARTIST = */
/* ==================== */

#grayartist {
background: #EEEEEE;
color: #000;
position: relative;
}

.grayartist-img {
position: relative;
}

.grayartist-img h3 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 80px;
right: -10px;
padding: 5px 30px 4px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
text-transform: none;
}

.grayartist-img p {
position: absolute;
background: #333;
background: rgba(0, 0, 0, 0.66);
color: #fff;
line-height: 1.2;
text-align: right;
bottom: 50px;
right: -10px;
padding: 5px 30px 6px 10px;
font-size: 1.14em;
margin: 0;
max-width: 180px;
}

.grayartist-inner {
padding: 10px;
font-size: .857em;
}

.grayartist-inner a {
font-size: 1em;
color: #fff;
line-height: 1.2;
text-decoration: none;
border-bottom: none;
}

.grayartist-inner a:hover {
/** text-decoration: underline; **/
	border-bottom-width: 2px;
border-bottom-style: solid;
}

.grayartist-inner a span {
border-width: 1px;
}

div#slideshow-main {
position:relative;
overflow:hidden;
}

div#nav-slides {
position:absolute;
top:311px;
right:15px;
z-index:100;
font-weight: bold;
}

div#nav-slides a {
float: left;
margin: 0 0 0 1px;
background: #000000;
padding: 5px 8px;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
text-decoration: none;
border:none;
}

div#nav-slides a:hover {
background-color: #000000;
}

div#nav-slides a.activeSlide {
background-color: rgba(0, 0, 0, 0.5);
}

/* KAMPANJ TÄVLING */

#column-1 {
float: left;
width: 510px;
margin: 0 20px 0 0;
}

#column-2 {
float: left;
width: 410px;
}

#rules .generic_form {
border-top: 1px solid #d6d6d6;
padding: 20px 0 0;
}

#rules .generic_form label {
display: inline;
}

#header-image {
display: block;
margin: 0 0 40px;
}

#rules {
font-size: 0.85em;
}

.recruit-header {
margin: 0 0 20px;
}

.recruit-header span {
display: inline; padding: 0;
}

.recruit-header > span {
padding: 2px;
}

.green {
background: #9bb03b;
color: #fff;
}

.recruit-page {
width: 978px;
}

#share-recruit-code {
width: 510px;
margin: 0 0 50px;
}

#share-recruit-code .head {
background: #f1f1f1 url(../img/recruit-sprites.png) 100% 16px no-repeat;
margin: 0 0 1px;
}

#share-recruit-code .head a,
#share-recruit-code .head span {
display: block;
padding: 0 0 0 73px;
line-height: 58px;
background: url(../img/recruit-sprites.png) 10px -44px no-repeat;
border: none;
text-decoration: underline;
color: #333;
font-size: 16px;
font-weight: bold;
}

#share-recruit-code .head span {
text-decoration: none;
background-position: 10px -212px;
}

#share-recruit-code .head span span {
display: inline;
background: none;
padding: 0;
text-decoration: underline;
}

#share-recruit-code .head .twitter {
background-position: 10px -100px;
}

#share-recruit-code .head .email {
background-position: 10px -156px;
}

#share-recruit-code .head input {
background: #c5c5c5;
margin: 0 0 0 5px;
border: 1px solid #6f6964;
padding: 3px;
font-size: 16px;
width:220px
}

#share-recruit-code .email_form {
display: none;
width: 470px;
background: #f1f1f1;
padding: 20px;
font-size: 14px;
margin: 0 0 2px 0;
}

#share-recruit-code .email_form .col1,
#share-recruit-code .email_form .col2 {
width: 186px;
float: left;
}

#share-recruit-code .email_form .col1 {
padding: 0 10px 0 0;
}

#share-recruit-code .email_form .col2 {
padding: 0 0 0 10px;
}

#share-recruit-code .email_form label {
display: block;
margin: 5px 0 0 0;
}

#share-recruit-code .email_form input.input-field,
#share-recruit-code .email_form textarea {
width: 382px;
padding: 5px;
font-size: 12px;
font-family: "Arial", "Helvetica", "Verdana", sans-serif;
}

#share-recruit-code .email_form textarea {
width: 382px;
height: 220px;
}

#share-recruit-code .email_form button {
display: block;
border: 0;
margin: 15px 0 0 0;
text-align: left;
color: #fff;
font-size: 14px;
font-weight: bold;
float: right;
width: 109px;
height: 37px;
padding: 0 0 8px 5px;
background: url('../img/recruit-page/button.png');
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */