/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
/* CSS RESET END */
input , select , textarea { font-size: inherit; font-family: inherit; }
img { display: block; }
strong { font-weight: bold; }
.clearer { clear: both; }
em, .em, div.em { font-weight: normal; font-style: normal; color: #999; }
body {
background: white;
width: 100%; height: 100%;
font-family: Helvetica, Arial, sans-serif;
line-height: 20px;
font-size: 13px;
color: black;
}
#wrapper {
width: 960px;
margin: 0 auto;
}
#header {
width: 940px; height: 160px;
margin: 0 10px;
overflow: hidden;
background: url(gfx/header.png) no-repeat;
}
#header h1 {
margin: 170px 0;
}
#footer {
clear: both;
margin: 30px 10px;
padding: 10px 0;
border-top: 4px solid #ccc;
}
#menu {
background: #0085c3 url(gfx/menu-shadow.png) repeat-x bottom center;
margin: 0 10px;
}
#menu ul li {
float: left;
height: 46px;
background: no-repeat bottom center;
overflow: hidden;
}
#menu ul li a {
display: block;
height: 40px;
width: auto;
padding: 0 10px;
overflow: hidden;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin: 0;
}
#menu ul li a span { display: block; padding-top: 46px; height: 46px; background: no-repeat center 0; cursor: pointer; }
#menu ul li#programmer a span { background-image: url(gfx/menuitems/programmer.png); width: 106px; }
#menu ul li#lydklip a span { background-image: url(gfx/menuitems/lydklip.png); width: 57px; }
#menu ul li#omshowet a span { background-image: url(gfx/menuitems/omshowet.png); width: 95px; }
#menu ul li#omvaerterne a span { background-image: url(gfx/menuitems/omvaerterne.png); width: 108px; }
#menu ul li#skrivtilos a span { background-image: url(gfx/menuitems/skrivtilos.png); width: 88px; }
#menu ul li#fanside a span { background-image: url(gfx/menuitems/fanside.png); width: 77px; }
#menu ul li#programmer { width: 126px; }
#menu ul li#lydklip { width: 77px; }
#menu ul li#omshowet { width: 115px; }
#menu ul li#omvaerterne { width: 128px; }
#menu ul li#skrivtilos { width: 108px; }
#menu ul li#fanside { width: 97px; float: right; }
#menu ul li.selected {
background-image: url(gfx/menu-arrow.gif);
}
#menu ul li a:hover {
background-color: #000;
}
a:link, a:visited {
display: inline;
padding: 3px;
margin: -3px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-weight: bold;
text-decoration: none;
color: #0085c3;
}
a:hover { background-color: #eee; color: black; text-decoration: none; }
a:active { background-color: #333; color: white; text-decoration: none; }
#page {
}
.twocolumn {
float: left;
width: 440px;
padding: 0 20px 30px 10px;
margin-right: 10px;
}
ul.programmer li {
background: no-repeat 0 0px;
min-height: 74px;
padding: 0 0 0 120px;
margin: 40px 0;
}
ul.programmer li h3 {
font-size: 16px;
font-weight: bold;
}
ul.programmer li .subheading {
color: #888;
padding-bottom: 2px;
}
ul.programmer li .description {
padding-bottom: 2px;
}
ul.programmer li a.open {
margin: -3px 0px;
padding-left: 5px;
padding-right: 5px;
color: #fff;
background: #666;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
}
ul.programmer li div.open {
display: block;
}
ul.programmer li .tracklist {
border: 1px solid #ccc;
border-top-color: #999;
background: #eee;
padding: 9px;
font-size: 11px;
line-height: 16px;
display: none;
}
ul.programmer li .tracklist h5 {
font-weight: bold;
}
ul.programmer li .tracklist p {
margin-bottom: 16px;
}
ul.programmer li .tracklist .closer {
width: 30%;
float: right;
text-align: right;
margin-top: -1em;
}
ul.programmer li .tracklist em {
color: #888;
}
.message {
border: 1px solid #fc0;
background: #ffd;
-webkit-box-shadow: 0px 1px 3px #c96;
padding: 10px;
margin: 30px 0 20px 0;
}
.message h4 {
font-weight: bold;
}
.iemsg { display: none; }
* html .iemsg { display: block; }
.column {
float: left;
width: 300px;
padding: 0 10px 30px 10px;
}
ul.lydklip {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
ul.lydklip li.heading {
padding: 40px 0 10px 0;
color: #888;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.column a:link, .column a:visited {
display: block;
padding: 8px 10px 7px 42px;
margin: 0 -6px;
min-height: 32px;
background-repeat: no-repeat;
background-position: 6px 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size: 13px;
line-height: 16px;
font-weight: bold;
text-decoration: none;
}
.column a:hover { background-color: #eee; text-decoration: none; }
.green a:hover { background-color: #f3f6e9; }
.yellow a:hover { background-color: #fffae5; }
.column a:active { background-color: #333; text-decoration: none; }
.column a:active, .column a:active .info { color: white; }
.column a strong { display: block; }
.lydklip a.mp3 { background-image: url(gfx/mp3-green.png); }
.yellow a.mp3 { background-image: url(gfx/mp3-yellow.png); }
.info { font-size: 11px; line-height: 15px; color: #000; font-weight: normal; }
.text { padding-bottom: 32px; }
.text p { margin: 1em 0; }
.green .text, .yellow .text { padding-left: 36px; }
.column a.inline:link, .column a.inline:visited {
display: inline;
padding: 2px;
margin: -2px -2px;
font-size: inherit;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
* html .column a.inline:link,
* html .column a.inline:visited,
*:first-child+html .column a.inline:link,
*:first-child+html .column a.inline:visited {
font-size: 11px;
}