/*--------------------- General ---------------------*/ a {font-weight:normal; color:#333; text-decoration:underline;} a:hover {text-decoration:none;} h1, h2, h3 {font:normal 14px Arial, Sans-serif; color:#000;} h1 {font-size:28px; padding:0; margin:0 0 10px 0; } h2 {font-size:22px; padding:0; margin:25px 0 5px 0;} h3 {font-size:18px; padding:0; margin:25px 0 5px 0;} h4 {padding:0; margin:25px 0 5px 0; font-weight:bold; line-height:1.5;} p {margin:0 0 10px 0;} ::selection {background:#d0e8ff;} ::-moz-selection {background:#d0e8ff;} img, table {border:0;} html {margin:0; padding:0; height:100%; } body {margin:0; padding:0; color:#000000; font:normal 14px/1.5 Arial, Verdana, "Lucida Sans", "Lucida Grande", Sans-serif; text-align:center; background:#38100b url('/gfx/bg.jpg') no-repeat center top; height:100%;} /*--------------------- Body layout ---------------------*/ #wrapper {width:1000px; margin:0 auto; text-align:left; background:url('/gfx/bg-content.png') repeat; padding:0;/*height:100%;*/min-height:100vh; position:relative; padding-bottom:20px;} #partner {width:193px; background:url('/gfx/partner-bg.png') repeat top left; position:absolute; right:-203px; float:right; min-height:100vh;/*min-height:100vh;*/ text-align:center; margin:0 auto;} #partner h3 {font-family:Asenine, Arial, Sans-Serif; color:#fff; font-weight:normal; font-size:26px; margin:15px 0 0 0; padding:0;} #partner img {background-color:#ffffff;} #partner .column-puffs {margin:20px 0 0 0; padding:0;} #partner .column-puffs li {padding:0; margin:0 0 10px 0; list-style-type:none;} #partner #ads {width:160px; margin:0 auto; padding-top:10px;} #header {width:100%; height:165px; margin:0; padding:0; } #header .inner {width:1000px; height:165px; margin:0 auto; text-align:left; position:relative; padding:0 0px; } #header #logo img {height:102px; width:276px; border:0; margin:17px 0 0 21px;} #header #social {position:absolute; right:15px; top:15px; margin:0; padding:0;} #header #social li {float:left; margin:0 0 0 7px; padding:0; list-style-type:none;} #header #nav {width:1000px; margin:0; padding:0; overflow:hidden; position:absolute; bottom:0; left:0;background:url('/gfx/menu-bg.png') repeat-x top left; } #header #responsive, #header #responsive-menu-btn {display:none;} #header #nav ul#menu {list-style:none; margin:0; padding:0; width:973px; overflow:hidden; display:block; margin-left:27px;} #header #nav ul#menu li {float:left; margin:0px 0 0 0; padding:0 25px 0 0; display:inline; overflow:hidden;} #header #nav ul#menu li a {font:700 14px/42px 'Righteous','Bauhaus 93',Arial, Verdana, Sans-serif; color:#FFF; text-decoration:none; padding:0px 0 0px 10px; margin:0; display:block; text-transform:uppercase;} #header #nav ul#menu li.on a {color:#ff5400; background:url('/gfx/menu-on.png') no-repeat left 15px; } #header #nav ul#menu li a:hover {cursor:pointer; text-decoration:none;} #header #nav ul#menu li a.haschild {display:none;} #header #nav ul#menu li ul {display:none;} /*--------------------- Page layout ---------------------*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} #content {width:100%; margin:0; padding:0px 0; } #content .inner {width:1000px; margin:0 auto; padding:0; min-height:450px; overflow:hidden; background-color:#ffffff;} .contentleft {width:195px; margin:0; padding:0; float:left; overflow:hidden; /*background:url(/gfx/left-menu-bg.gif) top left repeat-x;*/} .contentright {width:960px; margin:0; padding:20px 20px; overflow:hidden;} #content-text {width:225px; margin:0; height:250px; padding:0px; float:left; } #content-search {background-color:#e8bc6f; float:right;width:710px; min-height:220px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin:0px 0px 0 0; } #content-search h2 {background:url('/gfx/search-header-bg.png') no-repeat top left; font-family: 'Righteous', 'Bauhaus 93', Arial, Sans-Serif; line-height:45px; margin:20px 0 0 0; padding:0px 0 0 20px; color:#fff;} .btnSearch {background:url('/gfx/search-btn-bg.png') no-repeat left top; border:0; width:110px; height:42px; margin:20px 0 20px 0; padding:0; float:right;} .searchFieldLarge {border:1px solid #cccccc; font-size:20px; padding:5px 5px; width:100%; } .searchFieldSmall {border:1px solid #cccccc; font-size:15px; padding:2px 5px; width:180px; float:left; margin-top:10px;} .formLabel {clear:both;float:left; width:90px; margin-top:10px; } #searchForm {padding:20px; } .validError {background-color:#fdefef; border:1px solid #dfc5c5; padding:2px; color:#c14949; margin-top:100px;} #searchForm #colLeft {float:left; width:300px;} #searchForm #colRight {float:left; width:300px; margin-left:20px; } #searchForm p {margin-top:20px;} .resultList {padding:0px 0 0 0;} .resultList h2 {background-color:#38100b;color:#ffffff; font-weight:normal; font-size:18px; font-family:Arial, Verdana, Sans-Serif; padding:5px; margin:0; border-bottom:1px solid #ffffff;} .resultList h2 a {color:#ffffff; text-decoration:none;} .resultList .resultDetails {margin:0; padding:0px 0 20px 0; list-style-type:none;} .resultList .resultDetails li {background-color:#efebe2; padding:8px 10px; border-bottom:1px solid #ffffff;} .resultList .resultDetails li.alt {background-color:#e4ded2;} .resultList .resultDetails li span.image {float:left; width:50px; overflow:hidden; display:block;margin-right:10px;} .resultList .resultDetails li span.image img {width:50px; } .resultList .resultDetails li span.title {float:left; display:block; width:400px; margin-right:10px;} .resultList .resultDetails li span.artist {float:left; width:300px; margin-right:10px;} .resultList .resultDetails li span.year {float:left; width:150px;} .resultList .artist li a {font-weight:bold;} /*resultList .artist li {width:460px; padding:0 10px; line-height:35px;}*/ /*.resultList .artist {width:960px;column-count:2;column-gap:0px;-moz-column-count:2;-moz-column-gap:0px;-webkit-column-count:2;-webkit-column-gap:0px;}*/ .resultList .summary, .ArtistList .summary {margin:0 0 10px 0; font-size:.9em; line-height:25px;} .resultList .summary a, .ArtistList .summary a {padding:0px 30px 0 0px; font-weight:bold;} .albumDetails .leftCol {float:left; width:255px;} .albumDetails .leftCol img {padding-bottom:10px; text-align:center; width:255px;} .albumDetails .leftCol iframe {margin-bottom:10px; text-align:left; margin-left:0;} .albumDetails .rightCol {float:left; width:685px; position:relative; margin-left:20px;} .albumDetails .arkivno {position:absolute; font-size:0.8em; color:#666666; top:5px; right:5px;} .albumDetails h1, .albumDetails h2, .ArtistList h1 {background-color:#38100b;color:#ffffff; font-weight:normal; font-size:18px; font-family:Arial, Verdana, Sans-Serif; padding:5px; margin:0; border-bottom:1px solid #ffffff; } .albumDetails h1 a, .albumDetails h2 a {color:#ffffff; text-decoration:none;} .albumDetails .albuminfo, .albumDetails .albumpers, .albumDetails .albumtracks {margin:0; padding:0px 0 20px 0; list-style-type:none; } .albumDetails .albuminfo li, .albumDetails .albumpers li, .albumDetails .albumtracks li {background-color:#efebe2; padding:8px 10px; border-bottom:1px solid #ffffff; } .albumDetails .albuminfo li.alt, .albumDetails .albumpers li.alt, .albumDetails .albumtracks li.alt {background-color:#e4ded2;} .albumDetails .albuminfo li .rowheader, .albumDetails .albumpers li .rowheader, .albumDetails .albumtracks li .rowheader {width:120px; float:left;} .albumDetails .albuminfo li .rowinfo, .albumDetails .albumpers li .rowinfo, .albumDetails .albumtracks li .rowinfo {width:545px; float:left;} ul.trackinfo {margin:0; padding:0; list-style-type:none; clear:both; margin-left:135px; width:630px;} .albumDetails .albumtracks li ul.trackinfo li {background:0; border:0; width:630px; margin:0; padding:5px 0 0 0; font-size:0.9em;} .albumDetails .albumtracks li ul.trackinfo li .rowheader {width:200px; float:left; } .albumDetails .albumtracks li ul.trackinfo li .rowinfo {width:415px; float:left; } .fbShare {border-top: 1px solid #E4DED2; padding:5px 0 5px 5px; background-color:#E4DED2; margin-bottom:10px;} .resultList {margin-top:20px;} .resultGrid {width:100%; border:0px solid #cccccc;} .resultGrid td, .resultGrid th {padding:5px; border:1px solid #fff;} .resultRow {background-color:#efebe2; } .resultRow td {border-color:#ffffff;} .resultRowAlt {background-color:#e4ded2; } .resultHeader {background-color:#38100b; color:#ffffff; } .resultHeader a {color:#ffffff; font-weight:bold;} .ascHeader a {background:url('/gfx/sortasc.png') no-repeat top right; background-color:Red;} .descHeader a {background:url('/gfx/sortdesc.png') no-repeat top right; background-color:Blue;} .loading img { position: relative; top: 50%; } .loading { font-family: Arial; font-size: 10pt; display: none; position: fixed; z-index: 999; height:100%; width:100%; } .modal { position: fixed; top: 0; left: 0; z-index: 99; min-height: 100%; width: 100%; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBf5f5f5,endColorstr=#BBf5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBf5f5f5,endColorstr=#BBf5f5f5); zoom:1; background:rgba(245,245,245,.90); } #overlay-search {height:100%; width:60%; overflow:auto; overflow-x:hidden; position:fixed; left:0; top:0; z-index:999 !important; padding:0 20%; text-align:left; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); zoom:1; background:rgba(255,255,255,.90); display:none;} .overlay-search-close {text-decoration:none; font-size:40px; line-height:40px; position:fixed; top:4%; right:2%; color:#999; padding:0 5px; margin:0; cursor:pointer; display:block;} .overlay-search-close:hover {color:#000;} .overlay-search-title {font:bold 30px/30px "ff-tisa-sans-web-pro", Arial, Sans-serif; color:#000; margin:0; padding:5% 0 2% 0; display:block; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .overlay-search-info {font:normal 20px/20px "ff-tisa-sans-web-pro", Arial, Sans-serif; font-style:italic; color:#60add0; margin:2% 0 0 0; padding:1% 2%; border:2px solid #8ccfef; background-color:#cbeeff;} .overlay-search-alert {font:normal 20px/20px "ff-tisa-sans-web-pro", Arial, Sans-serif; font-style:italic; color:#c3454a; margin:2% 0 0 0; padding:1% 2%; border:2px solid #df6c70; background-color:#fbcfd1;} .overlay-search-preloader {width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;} /*--------------------- Start page ---------------------*/ #start-text {width:225px; margin:0; height:220px; padding:20px 20px; float:left; } #start-text h1 {font-family:Asenine, Arial, Sans-Serif;} #start-text * {color:#fff; } #start-search {background-color:#e8bc6f; float:right;width:710px; min-height:250px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin:20px 20px 0 0; } #start-search h2 {background:url('/gfx/search-header-bg.png') no-repeat top left; font-family: 'Bauhaus 93', Arial, Sans-Serif; line-height:45px; margin:20px 0 0 0; padding:0px 0 0 20px; color:#fff;} #start-content {width:1000px;margin:0px auto 0 auto; padding:0; } #start-puffs {width:981px; height:234px; margin:40px 0 20px 19px; padding:0; overflow:hidden;} #start-puffs .puffitem {width:208px; height:216px; margin:0 19px 0 0; padding:0; float:left; text-align:left; overflow:hidden; position:relative; border:9px solid #ffffff; background-color:#000000;} #start-puffs .puffitem.brown {background-color:#592f1b; text-align:center;} #start-puffs .puffitem.last {margin-right:0;} #start-puffs .puffitem a {display:block; width:100%; height:100%; text-decoration:none;} #start-puffs .puffitem .rub, #start-puffs .puffitem a .rub {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:190px; display:block; margin:0 0 2px 0px; padding:2px 10px 0 10px; font-size:24px; font-weight:bold; color:#fff; font-family:Asenine, Arial, Sans-Serif; text-transform:uppercase; line-height:24px;} #start-puffs .puffitem.brown .rub, #start-puffs .puffitem.brown a .rub {font-size:21px; line-height:22px;} #start-puffs .puffitem .image, #start-puffs .puffitem a .image {width:100%; height:145px; display:block; margin:0 0 2.5% 0; text-align:center; background-color:#fff; overflow:hidden;} #start-puffs .puffitem .image img, #start-puffs .puffitem a .image img {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:100%; display:block; opacity:1.0; filter:alpha(opacity=100);} #start-puffs .puffitem .content, #start-puffs .puffitem a .content {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:15px; height:20px; background:url('/gfx/link-bg.png') no-repeat 10px 5px; float:left;} /*#start-puffs .puffitem .content p, #start-puffs .puffitem a .content p {transition-duration:0.2s; -webkit-transition-duration:0.2s; line-height:16px; font-size:12px; color:#fff;}*/ #start-puffs .puffitem.brown .content, #start-puffs .puffitem.brown a .content {background:none;} #start-puffs .puffitem:hover .rub {transition-duration:0.2s; -webkit-transition-duration:0.2s; color:#fff;} #start-puffs .puffitem:hover .content, #start-puffs .puffitem:hover .content p {transition-duration:0.2s; -webkit-transition-duration:0.2s; color:#fff;} #start-puffs .puffitem:hover img, #start-puffs .puffitem a:hover img {transition-duration:0.2s; -webkit-transition-duration:0.2s; opacity:0.8; filter:alpha(opacity=80);} #start-puffs .puffitem .link {color:#fff; margin-left:10px; width:180px; float:left; line-height:16px;} #start-news {width:32.5%; height:225px; margin:0; padding:0; float:right; text-align:left; overflow:hidden;} #start-news h3 {padding:0 0 2.6% 0; margin:0; display:block; font-size:16px; line-height:18px;} #start-news ul {list-style:none; margin:0; padding:0; width:100%; overflow:hidden;} #start-news ul li {width:100%; padding:0; margin:0 0 3% 0;} #start-news ul li a {transition-duration:0.2s; -webkit-transition-duration:0.2s; display:block; text-decoration:none; padding:1.5% 1.5% 1.5% 3%; margin:0; border-left:2px solid #ccc;} #start-news ul li a .date {display:block; font-size:10px; color:#888;} #start-news ul li a .title {display:block; color:#444; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #start-news ul li a:hover {transition-duration:0.2s; -webkit-transition-duration:0.2s; border-left:2px solid #2980b9; background-color:#f5f5f5;} #start-news ul li a:hover .date {color:#666;} #start-news ul li a:hover .title {color:#000;} /*--------------------- Left menu ---------------------*/ #leftmenu ul {width:195px; margin:0; padding:0 0 10px 0; list-style:none; float:left; overflow:hidden;} #leftmenu ul li {width:195px; margin:0; padding:0; /*background:url(/gfx/demo/left-menu-seperator.gif) bottom left repeat-x;*/ border-bottom:1px dotted #999;} #leftmenu ul li:last-child {background:none; border:0;} #leftmenu ul li a {width:195px; margin:0; padding:0; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;} #leftmenu ul li a:hover {color:#333;} #leftmenu ul li.on a {color:#333; font-weight:bold;} #leftmenu ul li.on-childs {background:none; border:0;} #leftmenu ul li.on-childs a {color:#555; font-weight:bold; line-height:30px;} #leftmenu ul li.on-childs ul {margin:0 0 0 15px !important;} #leftmenu ul li.on-childs ul li {background:none; border:0;} #leftmenu ul li.on-childs ul li a {font-weight:normal !important; line-height:24px !important; font-size:11px; color:#555;} #leftmenu ul li.on-childs ul li a:hover {color:#333;} #leftmenu ul li.on-childs ul li.on a {color:#333; font-weight:bold !important;} /*--------------------- Footer layout ---------------------*/ #footer {width:100%; margin:0px 0 0px 0; padding:0px 0 0px 0; clear:left; position:relative; font-size:11px; line-height:16px; color:#fff;} #footer .inner {width:981px; margin:0 0 0 0px; padding:1px 0 0 19px; background:url('/gfx/footer-bg.png') repeat; position:relative;} #footer a {font-weight:normal; color:#d0a253; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer img {float:left;} #footer .left {float:left; padding:20px 0 0 0; margin:0 0 0 20px; text-align:left; width:130px;} #footer .right {position:absolute; right:19px; top:19px; padding:0; margin:0; text-align:right; color:#e6e6e6;} #footer .right a {color:#e6e6e6;} #footer .right img {margin:15px 0 3px 2px; padding:0; border:0; float:right;} #footer .right p {clear:both;} /* Andra tips och trix */ /* Sätter en max-gräns för text och lägger till ... när det behövs */ /*max-width:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/