* {
margin:0;
padding:0;
}
body {
background:#000000 url('../images/background-2.jpg') repeat-x;
color:#630;
color:#fff;
font:0.8125em verdana, sans-serif;
line-height:1;
padding:20px 0 30px 0;
}
body#scen {
background:#000000 url('../images/background-2scen.jpg') repeat-x;
color:#333;
}
.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
width:0;
}
.non-visual {
border:none !important;
display:none !important;
margin:0 !important;
padding:0 !important;
}
a {
color:#fc0;
font-family:arial,sans-serif;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#ff6;
text-decoration:underline;
}
#scen a {
color:#339;
}
#scen a:hover {
color:#66c;
}
a img {
border:none;
}
h1, h2, h3, h4 {
font-family:'times new roman',serif;
font-weight:normal;
margin-bottom:0.5em;
}
p {
font-size:0.88em;
line-height:1.8em;
margin-bottom:1em;
}
#outer-wrapper {
margin:0 auto;
width:1208px;
}
#flyer-ibu {
float:left;
margin:200px 10px 0 0;
}
#scen #flyer-ibu {
margin:200px 0 0 10px;
}
#flyer-scen {
float:left;
margin:122px 0 0 10px;
}
#flyer-nordicstrings {
float:left;
margin:10px 0 0 20px;
}
#wrapper {
background:#111 url('../images/frame-middle.gif') repeat-y;
float:left;
margin:0;
position:relative;
width:720px;
}
#scen #outer-wrapper {
width:1048px;
}
#scen #wrapper {
background:#ffc;
float:left;
margin:0;
padding:20px 0 20px 0;
width:520px;
}
h1 {
background:url('../images/ornament.gif') no-repeat;
font-size:3em;
font-weight:normal;
height:73px;
margin:20px 0 0 40px;
text-align:center;
width:640px;
}
#logo {
display:block;
margin:0 auto 15px auto;
}
#scen #logo {
margin:0 0 10px 24px;
}
#scen h1 {
background:none;
margin:0 0 30px 40px;
width:440px;
}
#scen h1 span {
font-size:0.6em;
}
.tagline {
font-family:'times new roman',serif;
font-size:1.3em;
font-style:italic;
line-height:1em;
margin:0 0 0 40px;
position:relative;
text-align:center;
top:-30px;
width:640px;
}
#flash-welcome {
height:300px;
margin-bottom:20px;
margin-left:40px;
width:640px;
}
#scen-flyer {
left:730px;
position:absolute;
top:160px;
}
#bara-flyer {
float:left;
margin:122px 10px 0 10px;
}
#menu {
border-bottom:1px solid #541;
display:block;
margin-bottom:20px;
margin-left:40px;
padding-bottom:2px;
text-align:center;
text-transform:uppercase;
width:640px;
}
#menu li {
display:inline;
line-height:2em;
margin:0 0.5em;
}
#menu a {
font-family:'times new roman',serif;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
}
#menu .active a {
color:#ff6;
}
#content,
#content-wide {
float:left;
padding:0 0 20px 40px;
width:400px;
}
#content-wide {
width:640px;
}
#scen #content-wide {
padding:0 0 20px 40px;
width:440px;
}
#scen #content-wide img {
margin:0;
margin-bottom:20px;
padding:0;
width:440px;
}
#sidebar {
float:right;
margin-bottom:20px;
margin-right:20px;
padding-bottom:1em;
padding-left:20px;
width:200px;
}
#sidebar h2 {
color:#f85;
font-size:1.4em;
padding-top:0.75em;
}
#sidebar ul {
color:#666;
line-height:1.8em;
list-style:square;
margin-left:20px;
}
#sidebar ul .active a {
color:#ff6;
}
#content h2,
#content-wide h2 {
color:#f85;
font-size:1.75em;
}
#content-wide h3 {
font-size:1.5em;
}
#footer {
border-top:1px solid #541;
clear:both;
margin-left:40px;
padding:10px 0;
width:640px;
}
#scen #footer {
border-top-color:#666;
width:440px;
}
#footer p,
#footer ul {
clear:none;
float:left;
width:250px;
}
#scen #footer p {
margin:0;
padding:0;
width:145px;
}
#footer ul {
color:#666;
font-size:0.88em;
line-height:1.8em;
list-style:square outside;
padding-bottom:10px;
width:140px;
}
#footer strong {
font-family:'times new roman',serif;
}
.frame-top {
}
.frame-bottom {
clear:both;
display:block;
margin:20px 0 0 0;
}
.contact-person {
border:4px solid #fff;
clear:both;
float:left;
height:100px;
margin-top:15px;
margin-right:15px;
width:100px;
}
.contact-person-info {
float:left;
margin-top:15px;
}
#newsletter-email {
background:#444;
border-color:#000 #777 #777 #000;
border-style:solid;
border-width:1px;
color:#fff;
vertical-align:middle;
width:60%;
}
#newsletter-submit {
margin-bottom:10px;
margin-left:5px;
vertical-align:middle;
}
#spela-pin {
margin:10px 0;
}
.program-date {
}
.program-artist {
border-top:1px solid #333;
padding:20px 0 20px 0;
}
.program-artist.first {
border-top:none;
}
.program-album {
border-top:1px solid #333;
font-size:1.4em;
padding-top:15px;
}
.program-date h3 {
background:#fff url('../images/program-date.gif') no-repeat;
color:#000;
font-size:1.2em;
font-style:italic;
font-weight:bold;
height:25px;
line-height:23px;
margin:0;
margin-top:10px;
padding:0 5px;
text-align:center;
width:390px;
}
.program-date .photo {
border:4px solid #fff;
clear:both;
float:left;
margin-right:15px;
width:100px;
}
.program-date h4 {
font-size:1.4em;
}
.program-date p {
clear:none;
margin:0;
width:auto;
}
.program-link {
color:#666;
line-height:1em;
padding-top:0.5em;
}
.photo-album {
background:#000;
border:1px solid #541;
display:block;
float:left;
font-weight:bold;
margin:8px;
padding:10px 5px 0 5px;
text-align:center;
width:128px;
}
.photo-album img {
border:4px solid #fff;
display:block;
margin:0 10px 5px 10px;
}
.photo-album span {
font-size:0.9em;
}
.br {
clear:both;
}
.photo-thumb {
border:4px solid #fff;
display:block;
float:left;
margin:10px;
}
.photo-full {
display:block;
margin:20px auto 0 auto;
text-align:center;
width:640px;
}
.photo-navigation {
color:#541;
display:inline;
font-family:arial,sans-serif;
font-weight:bold;
margin:0 auto;
text-align:center;
}
.photo-full-photo {
background:#fff;
margin:15px auto;
padding:15px;
}
.photo-full img {
display:block;
margin:0;
}
.photo-full p {
color:#333;
font-weight:bold;
margin:10px 0 0 0;
}
.contact label,
.guestbook label {
display:block;
font-size:0.88em;
font-weight:bold;
line-height:1.5em;
}
.contact label small,
.guestbook label small {
font-weight:normal;
}
#contactArtist,
#contactWeb,
#contactCity,
#contactPeople,
#contactSetting,
#contactClub,
#contactAudience,
#contactContactperson,
#contactPhone,
#contactEmail,
#contactMessage,
#guestbookName,
#guestbookEmail,
#guestbookMessage,
#guestbookCaptcha {
background:#444;
border-color:#000 #777 #777 #000;
border-style:solid;
border-width:1px;
color:#fff;
display:block;
margin-bottom:0.5em;
width:50%;
}
#contactMessage,
#guestbookMessage {
font-family:arial,sans-serif;
font-size:1em;
width:80%;
}
#contactSubmit,
#guestbookSubmit {
background:#fc0;
border-color:#ff6 #c90 #c90 #ff6;
border-style:solid;
border-width:2px;
display:block;
font-family:arial,sans-serif;
font-weight:bold;
margin-bottom:20px;
}
.errors {
background:#600;
border:1px solid #f33;
color:#fff;
padding:5px;
}
.guest {
border-top:1px solid #333;
padding:10px 0 10px 0;
}
.guest h3 {
margin:0;
}
.guest p.meta {
color:#999;
font-size:0.77em;
}
.guest p {
margin-bottom:0;
}
.guest-reply {
background:#333;
font-style:italic;
margin-left:20px;
margin-top:10px;
padding:10px;
}