/*
Theme Name: Bergmancenter
Theme URI: http://www.bergmancenter.se
Description: Bergmancenter by Oakwood Creative.
Version: 1.0
Author: Oakwood Creative
*/

/* 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, strong, 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;
}
/**/
/* remember to define focus styles! */
:focus {
outline: 0;
}


body {
line-height: 1;
color: black;
background: white;
}

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;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/* Basic */

.structural {
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 */

.alignright {
float: right;
clear: right;
margin: 0 0 2em 2em;
}

.alignleft {
float: left;
clear: left;
margin: 0 2em 2em 0;
}

/* Type */

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

strong {
font-weight: bold;
}

em {
font-style: italic;
}

a {
text-decoration: none;
color: #bd350c;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 4.8em;
font-weight: normal;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: -0.05em;
margin: 0 0 15px;
}

h2,
h3 {
font-size: 1.8em;
font-weight: bold;
line-height: 1.2;
margin: 0 0 10px;
}

h3 a {
color: #323231;
}

p {
font-size: 1.1em;
margin: 0 0 1em;
}

p.leading {
font-size: 1.6em !important;
line-height: 1.66;
margin: 0 0 1em !important;
}

p.date {
color: #bd350c;
font-size: 1.1em !important;
font-style: normal !important;
margin: 0 !important;
}

div.program-single p.date {
color: #323231;
font-size: 1.4em !important;
font-weight: bold;
margin: 0 0 1em !important;
}

p.wp-caption-text {
font-size: 1.1em !important;
text-align: right;
margin: 0 !important;;
}

h2.boxed {
font-size: 2em;
font-weight: normal;
letter-spacing: -0.025em;
margin: 0 0 20px;
}

.document p {
font-size: 1.4em;
margin: 0 0 1.5em;
}

.document h3 {
font-size: 1.4em;
margin: 0;
}

/* Styles */

p.back,
p.more {
font-size: 1.3em;
font-weight: bold;
margin: 0;
}

p.more {
text-align: right;
}

p.back a,
p.more a,
p.more-bv a {
color: #191111;
background: url(img/sprites.png) no-repeat 0 -53px;
padding: 0 0 0 15px;
}

p.more a {
background-position: 100% -28px;
padding: 0 15px 0 0;
}

p.back a:hover,
p.more a:hover {
color: #bd350c;
}

p.more-bv a,
body.bergmanveckan div#main p.more a {
background-position: 100% -298px;
}

body.bergmanveckan div#main p.back a {
background-position: 0 -498px;
}

p.more-bv a,
body.bergmanveckan div#main p.more a:hover,
body.bergmanveckan div#main p.back a:hover {
color: #00749f !important;
}

div.program-single p.back {
float: left;
}

div.program-single p.more {
float: right;
}

p.share {
float: right;
padding: 10px 12px;
margin: 0;
font-size: 1.3em;
font-weight: bold;
line-height: 24px;
}

p.share a {
color: #f2efeb;
background: url(img/sprites.png) no-repeat 0 -320px;
padding: 0 0 0 25px;
}

/* Graphic Headings */

h2.boxed {
color: #f2efeb;
background: #323231;
padding: 5px 12px;
}

h2.taped {
padding-left: 20px;
}

h2.taped span {
display: block;
margin: -15px 0 0 -30px;
padding: 15px 0 0 30px;
background: url(img/sprites.png) no-repeat 0 -150px;
}

h2.border {
padding: 0 0 10px;
border-bottom: 1px solid #333;
}

/* Module */

div.module {
margin: 0 0 25px;
}

div.module-generic {
background: #e5e3d6;
padding: 0 20px 5px;
}

div.module-generic p {
font-size: 1.2em;
}

div.module-generic h2,
div.module-generic iframe {
margin-left: -20px;
margin-right: -20px;
}

div.module-red h2 {
background-color: #b3320b;
}

#module-book-online p.more,
#module-boka-online p.more {
text-align: left;
}

/* Audio Box Module */

div.module-box {
padding: 15px;
background: #333;
color: #fff;
}

div.module-box p {
font-size: 1.8em;
line-height: 1.3;
margin: 0;
}

div.module-box p a {
display: block;
padding: 0 0 0 60px;
background: url(img/sprites.png) no-repeat 0 -345px;
color: #fff;
}

/* Form */

.field {
height: 14px;
padding: 5px;
margin: 0;
border: 1px solid #ccc;
background: #fff;
vertical-align: middle;
}

textarea.field {
height: 110px;
}

input.button {
padding: 3px 5px;
height: 24px;
border: none;
background: #353535;
color: #fff;
font-size: 13px;
text-transform: uppercase;
vertical-align: middle;
overflow: visible;
cursor: pointer;
}

/* News & Media List */

div.media h2,
div.news h2 {
margin: 0 0 5px;
color: #211212;
background: #b2d6de;
}

div.media ul,
div.news ul {
margin: 0 0 10px;
}

div.news ul li {
padding: 12px 10px 12px 50px;
border-bottom: 1px solid #c7d4d2;
background: url(img/bc.png) no-repeat 0 14px;
}

div.news ul li.bv {
background-image: url(img/bv.png);
}

div.news ul li h3 {
font-size: 1.2em;
margin: 0 0 3px;
}

div.news ul li p {
font-size: 1.1em;
font-style: italic;
margin: 0;
}

div.news ul li.bv,
div.news ul li.bv h3 a {
color: #00749f;
}

div.media ul li {
position: relative;
min-height: 75px;
padding: 12px 0 12px 115px;
border-bottom: 1px solid #c7d4d2;
}

div.media ul li h3 {
font-size: 1.4em;
}

div.media ul li img {
position: absolute;
top: 12px;
left: 0;
}

/* Articles */

div.articles ul li {
float: left;
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #918f8d;
}

div.articles ul li p {
font-size: 1.4em;
line-height: 1.5;
}

div.articles ul li h3 a {
background: url(img/sprites.png) no-repeat 100% -25px;
padding: 0 15px 0 0;
}

div.articles-compact ul li,
div.articles-media ul li {
border: none;
}

div.articles-compact ul li h3 {
font-size: 1.4em;
margin: 0 0 3px;
}

div.articles-compact ul li h3 a {
background-position: 100% -27px;
}

div.articles-compact ul li p {
font-size: 1.1em;
font-style: italic;
margin: 0;
}

/* Article Functions */

ul.functions {
font-size: 1.3em;
margin: 5px 0;
}

ul.functions li {
margin: 0 0 5px !important;
border: none !important;
}

ul.functions li a {
color: #323231;
padding: 0 0 0 25px;
font-weight: bold;
background: url(img/sprites.png) no-repeat 0 -100px;
}

ul.functions li a:hover {
color: #bd350c;
}

ul.functions li a.more {
background-position: 0 -125px;
}

/* Events */

div.events h2 {
background: #b3320b;
margin: 0 0 3px;
}

div.events h2 span {
font-size: 0.7em;
font-style: italic;
background: url(img/sprites.png) no-repeat 100% -64px;
padding: 0 15px 0 0;
}

div.events ul li {
padding: 10px 20px;
margin: 0 0 3px;
min-height: 65px;
background: #e5e3d5;
}

* html div.events ul li {
height: 65px;
}

div.events ul li h3 {
font-size: 1.3em;
margin: 10px 0 3px;
}

div.events ul li p {
font-size: 1.3em;
font-style: italic;
margin: 0;
}

div.events ul li img {
float: left;
margin: 0 15px 0 0;
}

/* Gallery */

div.gallery {
margin: 50px 0 0;
}

div.gallery img {
display: block;
border: 1px solid #000;
margin: 0 0 20px;
}

div.gallery p {
font-size: 1.4em;
}

div.gallery ul.thumbs {
width: 664px;
font-size: 1.1em;
font-weight: bold;
}

div.gallery ul.thumbs li {
float: left;
width: 150px;
height: 185px;
margin: 0 16px 16px 0;
}

div.gallery ul.thumbs li img {
margin: 0 0 3px;
}

div.gallery p.more {
padding: 10px 0;
border-top: 1px solid #6b6a68;
}

div.paging {
height: 1.5em;
padding: 10px 0;
font-size: 1.3em;
font-weight: bold;
line-height: 1.5;
border-top: 1px solid #6b6a68;
}

div.paging a {
padding: 0 15px 0 0;
background: url(img/sprites.png) no-repeat 100% -28px;
color: #191111;
}

div.paging div.prev {
float: left;
}

div.paging div.prev a {
padding: 0 0 0 15px;
background-position: 0 -53px;
}

div.paging div.next {
float: right;
}

/* Comments */

div.comments h2.boxed {
margin: 0;
padding: 10px 12px;
background: #bd350c;
}

div.comments div.form {
margin: 0 0 30px;
padding: 20px;
background: #e5e3d5;
}

div.comments div.form ul {
font-size: 1.4em;
font-weight: bold;
line-height: 26px;
}

div.comments div.form ul li {
float: left;
display: inline;
margin: 0 15px 15px 0;
}

div.comments div.form ul li label {
float: left;
width: 55px;
}

div.comments div.form ul li input {
float: left;
width: 230px;
}

div.comments div.form ul li.email,
div.comments div.form ul li.message {
margin-right: 0;
}

div.comments div.form ul li.message textarea.field {
width: 598px;
}

div.comments div.form p.buttons {
margin: 0;
text-align: right;
}

div.comments ol li {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom: 1px solid #92918f;
}

div.comments ol li p {
font-size: 1.4em;
margin: 0;
}

div.comments ol li p.meta {
color: #bd350c;
font-size: 1.1em;
}

div.comments ol li p.meta span.name {
font-weight: bold;
}

/* Program */

div.program form.date-filter {
float: right;
line-height: 40px;
}

div.program form.date-filter select {
vertical-align: middle;
}

div.program h1 {
margin: 0;
}

div.program h2 {
padding: 0 12px;
margin: 0;
color: #fff;
background: #006d93;
line-height: 40px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

div.program table {
width: 100%;
border-collapse: collapse;
}

div.program th {
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #006d93;
border-bottom: 1px solid #006d93;
padding: 10px;
}

div.program .when {
width: 120px;
}

div.program td {
font-size: 1.4em;
padding: 10px;
border-bottom: 1px solid #e2e0dc;
}

div.program tr.desc td {
font-size: 1.2em;
border-color: #006d93;
}

div.program tr.heading td {
font-size: 1em;
padding: 20px 0 0;
border: none;
}

div.program td a {
font-weight: bold;
color: #333;
}

div.program td a:hover {
color: #bd350c;
}


/* Layout */

body {
background: #f2efeb;
color: #323231;
}

div#header-inner,
div#navigation-inner,
div#subnavigation-inner,
div#content,
div#footer-inner {
width: 960px;
margin: 0 auto;
}

div#content {
padding: 0 0 50px;
}

div#main {
float: left;
width: 650px;
padding: 0 0 0 5px;
}

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

div.main {
float: right;
width: 480px;
}

div.aside {
float: left;
width: 150px;
padding: 0 0 1.4em;
}

div.aside img {
display: block;
border: 1px solid #000;
}

/* Header */

div#header {
background: #000 url(img/headers/sv/start.jpg) no-repeat 50% 0;
margin: 0 0 50px;
}

div#header-inner {
height: 305px;
background: url(img/headers/sv/start.jpg) no-repeat 50% 0;
}

div#logo {
float: left;
padding: 17px 0 0 4px;
}

div#logo h1 {
background: url(img/bergmancenter.png);
width: 272px;
height: 58px;
text-indent: -999em;
overflow: hidden;
}

.lang-en div#logo h1 {
background: url(img/bergmancenter_en.png);
}

body.om-bergmancenter div#header,
body.om-bergmancenter div#header-inner {
background-image: url(img/headers/sv/om-bergmancenter.jpg);
}

body.ljud-bild div#header,
body.ljud-bild div#header-inner {
background-image: url(img/headers/sv/ljud-bild.jpg);
}

body.utstallningar div#header,
body.utstallningar div#header-inner {
background-image: url(img/headers/sv/utstallningar.jpg);
}

body.upplev-bergman div#header,
body.upplev-bergman div#header-inner {
background-image: url(img/headers/sv/upplev-bergman.jpg);
}

body.bergmanveckan div#header,
body.bergmanveckan div#header-inner {
background-image: url(img/headers/sv/bergmanveckan.jpg);
}

body.boka-bergmanupplevelse div#header,
body.boka-bergmanupplevelse div#header-inner {
background-image: url(img/headers/sv/boka-har.jpg);
}

body.start-2 div#header,
body.start-2 div#header-inner {
background-image: url(img/headers/en/start.jpg);
}

body.about-bergmancenter div#header,
body.about-bergmancenter div#header-inner {
background-image: url(img/headers/en/about-bergmancenter.jpg);
}

body.audio-visuals div#header,
body.audio-visuals div#header-inner {
background-image: url(img/headers/en/audio-visuals.jpg);
}

body.exhibitions div#header,
body.exhibitions div#header-inner {
background-image: url(img/headers/en/exhibitions.jpg);
}

body.discover-bergman div#header,
body.discover-bergman div#header-inner {
background-image: url(img/headers/en/discover-bergman.jpg);
}

body.bergman-week div#header,
body.bergman-week div#header-inner {
background-image: url(img/headers/en/bergman-week.jpg);
}

body.book-bergman-experience div#header,
body.book-bergman-experience div#header-inner {
background-image: url(img/headers/en/book.jpg);
}

body.kontakt div#header,
body.kontakt div#header-inner {
background-image: url(img/headers/sv/kontakt.jpg);
}

body.besok-oss div#header,
body.besok-oss div#header-inner {
background-image: url(img/headers/sv/besok-oss.jpg);
}

body.contact div#header,
body.contact div#header-inner {
background-image: url(img/headers/en/contact.jpg);
}

body.visit-us div#header,
body.visit-us div#header-inner {
background-image: url(img/headers/en/visit-us.jpg);
}

/* Extra Navigation */

div#header-extra {
float: right;
padding: 11px 0 0;
}

div#extra-navigation {
margin: 5px 10px 0 0;
}

div#extra-navigation,
div#extra-navigation ul,
div#extra-navigation ul li {
float: left;
}

div#extra-navigation ul {
overflow: hidden;
font-size: 1.1em;
font-weight: bold;
line-height: 1.2;
text-transform: uppercase;
}

div#extra-navigation ul li {
display: inline;
margin: 0 0 0 -1px;
padding: 0 5px;
border-left: 1px solid #fff;
}

div#extra-navigation ul li a {
color: #fff;
}

div#extra-navigation ul li.sel a {
color: #bd350c;
text-decoration: underline;
}

/* Language Select */

div#languages {
margin: 3px 0 0;
}

div#languages,
div#languages ul,
div#languages ul li,
div#languages ul li a {
display: inline;
float: left;
}

div#languages ul li {
margin: 0 10px 0 0;
}

div#languages ul li a {
background: url(img/sprites.png) -52px 0;
width: 22px;
height: 15px;
text-indent: -999em;
overflow: hidden;
}

div#languages ul li a:hover,
div#languages ul li.active a {
background-position: -30px 0;
}

div#languages ul li a.en {
background-position: -96px 0;
}

div#languages ul li a.en:hover,
div#languages ul li.active a.en {
background-position: -74px 0;
}

/* Search */

div#search {
float: left;
border-left: 1px solid #7e7e7d;
border-right: 1px solid #7e7e7d;
}

input#search-input {
float: left;
color: #3f3f3f;
background: #f2efeb;
border: none;
border-right: 1px solid #7e7e7d;
padding: 3px 5px;
height: 14px;
margin: 0;
}

div#search button {
float: left;
border: none;
background: #f2efeb;
width: 24px;
height: 20px;
padding: 3px 5px;
cursor: pointer;
}

div#search button span {
display: block;
background: url(img/sprites.png);
width: 14px;
height: 14px;
text-indent: -999em;
overflow: hidden;
}

/* Navigation */

div#navigation {
border-top: 1px solid #1f1f1e;
border-bottom: 1px solid #1f1f1e;
background: #f2efeb;
}

div#navigation ul {
float: left;
line-height: 36px;
font-size: 1.2em;
text-transform: uppercase;
}

div#navigation ul li {
float:left;
}

div#navigation ul li a {
float: left;
display: inline;
color: #000;
text-align: center;
text-decoration: none;
}

div#navigation ul.secondary {
float: right;
}

div#navigation ul li a:hover,
div#navigation ul li.sel a {
color: #f2efeb;
background: #b3320b;
}

div#navigation ul li.start a {
width: 62px;
}

div#navigation ul li.start-2 a {
width: 67px;
}

div#navigation ul li.om-bergmancenter a {
width: 165px;
}

div#navigation ul li.about-bergmancenter a {
width: 189px;
}

div#navigation ul li.ljud-bild a {
width: 97px;
}

div#navigation ul li.audio-visuals a {
width: 135px;
}

div#navigation ul li.utstallningar a {
width: 133px;
}

div#navigation ul li.exhibitions a {
width: 106px;
}

div#navigation ul li.upplev-bergman a {
width: 142px;
}

div#navigation ul li.discover-bergman a {
width: 158px;
}

div#navigation ul li.bergmanveckan a {
width: 142px;
}

div#navigation ul li.bergman-week a {
width: 129px;
}

div#navigation ul li.boka-bergmanupplevelse a {
width: 88px;
}
div#navigation ul li.book-bergman-experience a {
width: 96px;
}

div#navigation ul li.bergmanveckan a:hover,
div#navigation ul li.bergman-week a:hover {
background: #006687;
}


/* Subnavigation */

div#subnavigation {
background: #bd350c;
}

div#subnavigation ul {
font-size: 1.3em;
line-height: 35px;
}

div#subnavigation ul li {
float: left;
margin: 0 35px 0 0;
}

div#subnavigation ul li a {
color: #f2efeb;
}

div#subnavigation ul li.sel a {
font-weight: bold;
text-decoration: underline;
}

/* Footer */

div#footer {
float: left;
width: 100%;
color: #f2efeb;
background: #bd350c;
border-top: 1px solid #191111;
padding: 10px 0;
}

div#footer ul {
float: left;
display: inline;
margin: 0 0 10px -10px;
font-size: 1.2em;
line-height: 1;
overflow: hidden;
}

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

div#footer ul li a {
color: #f2efeb;
}

div#footer ul.secondary {
float: right;
margin: 0 -10px 10px 0;
}

div#footer address {
clear: both;
text-align: right;
font-size: 1.2em;
font-style: normal;
}

/* Module: Bergmanveckan, Efter Bergman, Gotland.net */

div#bergmanveckan,
div#efterbergman,
div#gotlandnet {
margin: 0 0 30px;
}

div#bergmanveckan h2,
div#efterbergman h2,
div#gotlandnet h2 {
padding: 0;
margin: 0;
background: none;
}

div#bergmanveckan h2 a {
display: block;
height: 164px;
background: url(img/bergmanveckan.jpg);
text-indent: -999em;
overflow: hidden;
}

.lang-en div#bergmanveckan h2 a {
background: url(img/bergmanweek.jpg);
}

div#efterbergman h2 a {
display: block;
height: 204px;
background: url(img/efter_bergman.png);
text-indent: -999em;
overflow: hidden;
}

.lang-en div#efterbergman h2 a {
background: url(img/after_bergman.png);
}

div#gotlandnet h2 a {
display: block;
height: 120px;
background: url(img/gotland-net.jpg);
text-indent: -999em;
overflow: hidden;
}

/* Module: Facebook */

div#facebook-fanbox {
  height: 322px;
}

/* Module: Newsletter */

div#newsletter {
color: #191111;
background: #b2d6de;
padding: 10px;
}

div#newsletter label {
display: block;
font-size: 1.3em;
font-weight: bold;
margin: 0 0 5px;
}

div#newsletter input.field {
width: 168px;
border-color: #a8c8cf;
margin: 0 5px 0 0;
}

.subscribe-message {
border: 1px solid #e1bf00;
background: #fff2a9;
color: #333;
padding: 5px 10px;
margin: 10px 0 0;
}

.subscribe-error {
border-color: #e10000;
background: #ffabab;
}

.subscribe-message p {
font-size: 1.1em;
margin: 0;
}

/* Page: Start Page */

div#start-intro {
padding: 0 0 20px;
}

div#start-article {
margin: 0 0 10px;
}

div#start-article ul li {
border-color: #462f2f;
}

div#start-articles {
float: left;
width: 315px;
}

div#start-events {
float: right;
width: 310px;
}

/* Themes: Bergmanveckan */

body.bergman-week div#navigation li.sel a,
body.bergmanveckan div#navigation li.sel a {
background: #006687;
}

body.bergman-week div#subnavigation,
body.bergmanveckan div#subnavigation {
background: #006d93;
}