/* 
  Stilmall för Ormteatern - www.ormteatern.se
  Copyright 2006-2009 Kulturföreningen Ormen
  
  Denna webbplats använder typsnitten Museo och Museo Sans,
  skapade av Jos Buivenga (exljbris). Läs mer på www.exljbris.nl
  
  */

/* Typsnitt */

body { /* Standard */
  font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, serif;
}

h1, h2, h3, h4, h5, h6 { /* Rubriker */
  font-family: "ronnia-1","ronnia-2", Helvetica, Arial, sans-serif;
  font-style: italic;
}

#header, #footer, .left-menu {
  font-family: "ronnia-1","ronnia-2", Helvetica, Arial, sans-serif;
}

body {
	margin: 0px;
	background-color: #f5f5f5;
/*	font-family: "Museo Sans", Cambria, Georgia; */
	font-size: 100%;
	color: #737064;
}
strong {
	color: #646055;
	font-weight: 700;
}
a strong {
	color: #600;
}

ul, ol {
	padding-left: 1.5em;
	}
ul {
	list-style: square;
	margin: 0.5em 0;
}
li {
  margin: 0.5em 0;
}


h1, h2, h3, h4, h5, h6 {
/*	font-family: Museo, "Museo 700", "Helvetica Neue", Helvetica, Candara, Arial; */
	color: #42372E;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	line-height: 1.3;
	font-weight: 700;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	color: #000;
}
h1 {
	font-size: 2.5em;
  font-weight: 300;
	margin-bottom: 0;
}
h1 strong {
  font-weight: 700;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
  font-weight: 500;
}
h4 {
	font-size: 1.2em;
	color: #737064;
}
p {
	margin: 0.5em 0px;
}
a:link,
a:visited {
	color: #700;
}
a:hover,
a:hover strong {
	color: #C20000;
}
a:active {
	background-color: #C20000!important;
  color: #fff!important;
}

img { 
  border: 1px solid #D2D2D0;
  border-width: 1px 2px 2px 1px;
}

h1 + img.right { 
  margin-top: -30px;
}

.right { 
  float: right;
}
img.right { 
  margin: 0px 0px 10px 10px;
}
.left { 
  float: left;
}
img.left { 
  margin: 5px 10px 10px 0px;
}
p.center { 
  text-align: center;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}
.n-clear {
  clear: both;
}
.hide {
  display: none;
}

table {
	border-collapse: collapse;
	margin: 5px 0px;
}
td, th {
	padding: 2px 5px;
}
th {
  font-weight: bold;
  font-style: italic;
  text-align: left;
  border-bottom: 1px solid #C9C2A8;
}

/* Finns kvar endast av bakåtkompatibilitetsskäl */

h1.header,
h2.header { 
  text-transform: uppercase;
  font-weight: bold;
  color: #B2AE99;
  display: block;
  padding: 10px 10px 0px 20px;
  margin: 0px 0px 10px 0px;
}
h1.header {
  font-size: 1.4em;
}
h2.header {
  font-size: 1em;
}
h1.header a,
h2.header a { 
  color: #B2AE99;
}
h1.header a:hover,
h2.header a:hover { 
  color: #C20000;
}

/* Meny (inte den översta, utan den för respektive avdelning */

ul#menu { 
/*  font-family: Museo, "Museo 700", Helvetica, Candara, Arial; */
  font-weight: 700;
  color: #95917F;
  display: block;
  padding: 5px 5px 0px 5px;
  margin: 0px 20px 10px 20px;
  list-style: none;
  border-bottom: 1px solid #CDC7A7;
}
* html ul#menu { 
  height: 1.8em;
  overflow: hidden;
}
ul#menu li {
  float: left;
  margin: 0px 1px 0px 0px;
  padding: 0px;
}
ul#menu li.current,
ul#menu li.current_page_item { /* WP */
  background: #FCFCF9;
  border: 1px solid #CDC7A7;
  border-bottom: none;
  padding: 2px 9px 4px 9px;
  margin-bottom: -1px;
}
ul#menu a.header {
}
ul#menu a {
  display: block;
  padding: 3px 10px;
  text-decoration: none;
}
ul#menu li.current_page_item a {
	color: #837F6D;
	padding: 0;
}
ul#menu a:hover {
  border: 1px solid #CDC7A7;
  border-bottom: none;
  padding: 2px 9px 3px 9px;
  background: #EAE6CE;	
  text-decoration: underline;
}
ul#menu li.current_page_item a:hover {
	padding: 0;
	border: 0;
	background: none;
	text-decoration: none;
}
ul#menu li.clear {
  float: none;
  clear: left;
  height: 0px;
  width: 100%;
  margin: 0px;
  margin-top: -1px;
  padding: 0px;
  background: red;
  overflow: hidden;
  clip: auto;
}

/* Meny till höger (används för WordPress-sidor) */

.left-menu {
  width: 14em;
  float: left;
  background: url('/grafik/left-menu-bg.png') 100% 100% repeat-x;
  padding-bottom: 5em;
/*	font-family: Museo, "Museo 500", Helvetica, Candara, Arial; */
	font-weight: 500;
}
.left-menu a {
  display: block;
  padding: 0.2em 0.5em 0.2em 1.6em;
  text-decoration: none;
}
.left-menu a:hover {
  text-decoration: underline;
}
.left-menu ul {
  margin: 0;
  padding: 0;
}
.left-menu > ul {
  background: url('/grafik/left-menu-topbg.png') 100% 0px repeat-x;
  padding-left: 0.5em;
  padding-top: 0.5em;
}

/* Innehåll på menysidor */
.left-menu + #content {
  margin-left: 14em;
  clear: none;
  padding: 1em 1.5em 2em 1.5em;
}
.left-menu + #content .entry {
  margin-right: 3em;
}
.left-menu + #content .entry img.alignright {
  margin-right: -2em;
  margin-left: 1em;
}
.left-menu + #content .entry img.alignleft {
  margin-right: 1em;
}
.left-menu + #content .entry .wp-caption {
  margin-right: -2em;
}
.left-menu + #content .entry .wp-caption img {
  margin-right: 0;
}

/* Startsidan */
.left-menu > ul > li:first-child > a {
  text-transform: uppercase;
  color: #9b725f;
  font-weight: bold;
  font-size: 0.85em;
  border-bottom: 1px dotted #C3BB95;
  margin-right: 0.6em;
  margin-bottom: 0.3em;
  padding-bottom: 0.4em;
  background: url('/grafik/left-menu-home.png') 0.2em 10% no-repeat;
  padding-left: 1.9em;
}

/* Logik för visning av menyn */

/* Dölj undernivåer */
.left-menu .current_page_parent ul ul {
  display: none;
}
body .left-menu .current_page_item ul {
  /* Visa undernivåer under vald sida */
  display: block;
  margin-left: 1em;
}
body .left-menu .current_page_item ul ul {
  display: none;
}

/* Aktuell sida */
.left-menu .current_page_item a {
  background: #FBFBF7;
  border: 1px solid #C4BFA3;
  border-right: none;
}
.left-menu .current_page_item li a {
  background: none;
  border: none;
}
/* Förälder */
.left-menu .current_page_parent > a {
  font-weight: bold;
  background: url('/grafik/left-menu-bullet-small.png') 0.2em 30% no-repeat;
}
/* Specialfall för toppsidan */
.left-menu > ul > li.current_page_item > a {
  font-weight: bold;
  background: url('/grafik/left-menu-bullet-small.png') 0.2em 30% no-repeat #FBFBF7;
}
.left-menu > ul > .current_page_item > ul {
  margin-left: 0;
}
/* Högre upp */
.left-menu .current_page_ancestor:not(.current_page_parent) > a {
  color: #9b725f;
  background: url('/grafik/left-menu-up-small.png') 0.2em 30% no-repeat;
}
/* Sida med barn */
/*
.left-menu li.has_children:not(.current_page_item) > a {
  background: url('/grafik/left-menu-down.png') 0.1em 30% no-repeat;
}
.left-menu li.has_children.current_page_item > a {
  background: url('/grafik/left-menu-right.png') 0.1em 30% no-repeat #FBFBF7;
}
.left-menu .current_page_item li.has_children > a {
  background: url('/grafik/left-menu-right.png') 97% 30% no-repeat;
}
*/

/* Dölj syskon högre upp */
.left-menu .current_page_ancestor {
  display: block;
}
.left-menu li {
  display: none;
}
.left-menu .current_page_item,
.left-menu .current_page_item li,
.left-menu .current_page_parent li {
  display: block;
}
/* Specialfall för startsidan */
.left-menu > ul > li:first-child {
  display: block;
}

/* Sida */

#page {
	margin: 0px auto;
	background-image: url('/grafik/page-bg1.png');
	background-repeat: repeat-y;
	padding: 0px 10px;
	width: 720px;
	font-size: 0.8em;
	line-height: 1.5;
}
* html #page {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/page-bg1.png',sizingMethod='scale');
}

#page .first-words {
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: 900;
/*	font-family: Museo; */
	font-size: 1.2em;
}

#pageend {
	margin: 0px auto;
	background-image: url('/grafik/page-bg2.png');
	background-repeat: no-repeat;
	padding: 0px 10px;
	width: 720px;
	height: 13px;
	overflow: hidden;
}
* html #pageend {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/page-bg2.png',sizingMethod='scale');
}

#header {
  height: 42px;
  background: url('/grafik/header-bg.jpg') 0px 0px repeat-x #8B000A;
}
#header a#logo {
  width: 119px;
  height: 23px;
  float: left;
  text-indent: -4000px;
  background: url('/grafik/orm-logo.png') 0px 0px no-repeat;
  text-decoration: none;
  margin: 10px 20px 0px 10px;
  padding: 0px;
}
* html #header a#logo {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/orm-logo.png',sizingMethod='crop');
  cursor: hand;
}
#header a { 
  float: left;
  margin: 18px 5px 0px 5px;
  height: 19px;
/*  font-family: Museo, "Museo 700", Helvetica, Candara, Arial; */
  font-size: 1em;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding: 3px 5px 2px 5px;
}
#header a.current { 
  background-color: #fff;
  color: #700;
}
#header a.current:hover { 
  color: #C20000;
}
#header a:hover { 
  border: 1px solid #fff;
  border-bottom: 0px;
  padding: 2px 4px;
  color: #fff;
  text-decoration: underline;
  background-image: url('/grafik/tab-bg.png');
}
* html #header a:hover { 
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/tab-bg.png',sizingMethod='scale');
  cursor: hand;
}
#header a#logo:hover { 
  border: none;
  padding: 0px;
}

#contentwrap {
  background: url('/grafik/articleheader-bg.png') 0px 0px repeat-x #FCFCF9;
  clear: both;
  overflow: auto;
}
* html #contentwrap {
  background-image: url('/grafik/articleheader-bg.gif');
}

#content {
  padding: 1px 40px 20px 40px;
  clear: left;
  background-image: url('/grafik/orm-bg.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
* html #content {
  background-image: none;
  /* fixa skumt IE-fel */
  margin-left: -2px;
  /* fixa peek-a-boo-buggen */
  height: 1px;
}

#calendar h3 {
  color: #B4AF98;
  text-transform: uppercase;
  font-size: 1.27em;
}
#calendar p {
/*	font-family: "Museo Sans", Helvetica, Candara, Arial; */
	font-size: 0.9em;
}

.whenwherehow { 
  border-top: 1px solid #d2d2d0;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 23px;
  background: url('/grafik/info-large-dark.png') 0px 12px no-repeat;
  line-height: 1.3em;
  margin: 20px 0px 6px 0px;
}
* html .whenwherehow {
  background-image: none;
}
* html .whenwherehow span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/info-large-dark.png',sizingMethod='image');
  height: 20px;
  width: 19px;
  float: left;
  margin-left: -23px;
}
.tickets { 
  margin-top: 10px;
  padding-top: 3px;
  padding-left: 45px;
  padding-bottom: 15px;
  background: url('/grafik/ticket-dark.png') 0px 0px no-repeat;
  line-height: 1.3em;
  margin: 6px 0px 0px 0px;
}
* html .tickets {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/ticket-dark.png',sizingMethod='crop');
}

.info {
/*	font-family: Helvetica, Candara, Arial; */
	font-size: 0.85em;
	padding: 4px 8px 4px 16px;
/*	background: url('/grafik/info.png') 4px 4px no-repeat #D0CBB8; */
/*	background: url('/grafik/divider-bg.png') 0px 0px no-repeat #DEDACD; */
/*  background: #C9BF94;
  color: #746E52;*/
  background: url('/grafik/info-o-bg.png') 0px 0px no-repeat #F3F3E4;
  color: #8E8979;
	line-height: 1.4em;
	margin: 6px 0px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	opacity: 0.8;
}
.info a:link,
.info a:visited {
  color: #694745;
}
.info a:hover,
.info a:hover strong {
	color: #C20000;
}


* html .info {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/info.png',sizingMethod='crop');
	height: 1px;
}
.notedate {
/*	font-family: Helvetica, Candara, Arial; */
	font-size: 0.9em;
	line-height: 1;
	margin: 2px 5px 1px 0px;
	background: url('/grafik/divider-bg.png') 0px 0px no-repeat;
	padding: 1px 2px 1px 3px;
	float: left;
	color: #9d9984;
	border-bottom: 1px solid #bcb79f;
	border-right: 1px solid #cfc9ad;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
* html .notedate { 
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/divider-bg.png',sizingMethod='crop');
}
.last-modified {
/*	font-family: Helvetica, Candara, "Trebuchet MS"; */
	font-size: 0.9em;
	line-height: 1;
	border-top: 1px solid #bcb79f;
    margin-top: 1em;
	padding-top: 1em;
}

#footer {
	background-color: #E3DBB8;
	border-top: 1px solid #D0C8A4;
	padding: 3px 10px;
/*	font-family: "Museo Sans", Helvetica, Candara, Arial; */
	font-size: 0.9em;
	color: #928D76;
}
#footer bold {
  font-family: Museo;
}
* html #frontpage #footer {
  /* fixa skumt IE-fel */
  margin-bottom: -2px;
}
#footer p {
	margin: 2px;
}
#footer .small {
	font-size: 0.9em;
}
#footer strong {
	color: #646051;
}

/* högerkolumn */

.sidebar { 
  float: right;
  margin: 0px 0px 0px 10px;
  width: 200px;
}

/* för bilder (i högerkolumn) */

.image-sidebar { 
  float: right;
  margin: 0px 0px 0px 10px;
}
.image-sidebar img { 
  display: block;
  margin-top: 10px;
}
.caption { 
  display: block;
  margin: 4px 0px 10px 10px;
/*  font-family: Helvetica, Candara, "Trebuchet MS"; */
  font-size: 0.9em;
}
.image-fullpage { 
  padding-top: 20px;
}
.image-fullpage p { 
  /* ta bort snygg bullet */
  text-indent: 0px!important;
  background: none!important;
}

/* för bilder på aktuellt-sidan */

.imagelib { 
  width: 610px;
  border: 1px solid #c7c7c7;
  border-width: 1px 2px 2px 1px;
  background-color: #eee;
  padding: 0px 10px 10px 10px;
  /*  margin: 10px -10px 10px -10px; */
  margin: 10px auto;
}
.image300 { 
  margin: 10px 0px 0px 0px;
  width: 290px;
  float: left;
  line-height: 1.2em;
  padding-left: 10px;
}
.image300 + .image300 {
  margin-left: 9px;
} 
.image300 img {
  margin: 0px 0px 10px -10px;
} 
.image200 { 
  margin: 10px 0px 0px 0px;
  width: 190px;
  float: left;
  line-height: 1.2em;
  padding-left: 10px;
}
.image200 + .image200 {
  margin-left: 4px;
} 
.image200 img {
  margin: 0px 0px 10px -10px;
} 

/* datum */

.event .date { 
/*
	border: 1px solid #C6C6C6;
	border-top: 3px solid #904040; 
	background: #fff;
  width: 27px;
  height: 34px;
  padding: 1px;
  text-align: center;
  color: #444;
  display: block;
  float: left;
  margin: 0px 5px 2px 0px;
  font-family: Helvetica, Candara, "Trebuchet MS";
*/
  width: 27px;
  height: 34px;
  padding: 2px;
  text-align: center;
  float: left;
  margin: 0px 5px 2px 0px;
/*  font-family: Museo, "Museo 700"; */
  background: url('/grafik/event-date-bg.png') 0px -10px no-repeat #ff6100;
  text-shadow: #ff6100 1px 1px 0;
  border: 1px solid #ff6100;
  color: #fff;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}
.date .day { 
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 21px;
}
.date .month { 
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 1px;
}

/* avdelare */

.divider {
  text-transform: uppercase;
  font-size: 1.3em;
  border-top: 1px solid #d2d2d0;
  padding: 4px 40px 0px 40px;
  margin-left: -40px;
  margin-right: -40px;
  background-image: url('/grafik/divider-bg.png');
  background-repeat: repeat-x;
  color: #B2AE99;
  clear: both;
}
* html .divider {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/divider-bg.png',sizingMethod='scale');
  height: 1px;
}
.divider + h1,
.divider + h2,
.divider + h3 {
	margin-top: 10px;
}
.divider + .post h2,
#article .post:first-child h2 {
	margin-top: 0.5em;
}

hr {
  border: none;
  border-top: 1px solid #DFDAC0;
  height: 0px;
  background: none;
}

/* händelser */

#calendar .event { 
  margin: 10px 0px 15px 0px;
}
#calendar .event h3 { 
  font-size: 1.4em;
  color: #858172;
  margin-top: 0px;
  text-transform: none;
}
#calendar .event .label { 
  color: #6D695C;
/*  font-family: Museo; */
  font-weight: 900;
}

/* Kompakta händelser */
#calendar .event.compact { 
  margin: 10px 0px 15px 0px;
}
#calendar .event.compact h3 { 
  font-size: 1em;
  color: #ACA691;
  margin-top: 0px;
  text-transform: none;
  margin-bottom: 2px;
}
#calendar .event.compact .date {
	display: none;
} 
#calendar .event.compact .description, 
#calendar .event.compact .label { 
	display: none;
}
#calendar .event.compact .info { 
	margin-top: 2px;
	font-size: 0.85em;
	color: #ACA691;
	background: none;
	padding: 0px;
	border: none;
}
#calendar .event.compact .info a,
#calendar .event.compact .info a:link, 
#calendar .event.compact .info a:visited { 
	color: #ACA691;
	font-weight: normal;
}

/* Fotogalleri */
.gallery {
  background: url('/grafik/gallery-icon.png') 100% 2px no-repeat;
  padding-right: 17px;
}
* html .gallery {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafik/gallery-icon.png',sizingMethod='scale');
}

/* "fix" för rubrik-marginal */
h1:first-child,
h2:first-child,
h3:first-child,
div:first-child + h1,
div:first-child + h2,
div:first-child + h3 {
  margin-top: 0.2em;
}

p.pdf-notice { 
  background-image: none!important;
  background-color: #F5F2E6;
  text-indent: 0px!important;
  border: 1px solid #D3CDB4;
  padding: 4px;
}

::-moz-selection { background: #6c0000; color: #fff; }
::selection      { background: rgba(108, 0, 0, 0.6); color: #fff; }

.error {
/*    font-family: Helvetica, Candara, Arial; */
    border: 1px solid #a93821;
    padding: 4px 8px;
    background: #ed7b64;
    color: #532a22;
    margin-bottom: 5px;
}
.error strong {
    color: #26130f;
}
.notice {
/*    font-family: Helvetica, Candara, Arial; */
    border: 1px solid #edae38;
    padding: 4px 8px;
    background: #edd064;
    color: #5d4415;
    margin-bottom: 5px;
}
.notice strong {
    color: #2c2009;
}
.ok {
/*    font-family: Helvetica, Candara, Arial; */
    border: 1px solid #27d635;
    padding: 4px 8px;
    background: #8eed95;
    color: #155b19;
    margin-bottom: 5px;
}
.ok strong {
	color: #082b0a;
}

/* Produktionssidor (pjäser) */

li.medverkande {
  display: block;
  margin: 0.3em 0;
}
li.medverkande em {
/*	font-family: Museo, "Museo 700", "Helvetica Neue", Helvetica, Candara, Arial; */
	font-style: normal;
	font-weight: 700;
	color: #4F472F;
}

/* Panik i Pusshagen */

#panik-i-pusshagen h1,
#panik-i-pusshagen h2 {
	color: #E93041;
	margin-top: 0.2em;
	line-height: 1.2;
	font-style: normal;
}
#panik-i-pusshagen {
	background: yellow;
	color: #000;
	border: 10px solid #fff;
}
#panik-i-pusshagen b,
#panik-i-pusshagen strong {
	color: #000;
}
#panik-i-pusshagen #content {
  background: none;
}
#panik-i-pusshagen .left-menu {
	background: orange;
	border-bottom: 10px solid #fff;
	border-right: 10px solid #fff;
	position: relative;
	top: -10px;
	left: -10px;
	padding-bottom: 0px;
}
#panik-i-pusshagen .left-menu ul {
	background: none;
}
#panik-i-pusshagen .left-menu > ul > li:first-child > a {
	color: #770000;
	border-bottom: #E93041 solid 10px;
}
#panik-i-pusshagen .left-menu .current_page_item a {
	border-width: 0px;
}
#panik-i-pusshagen #about-show {
  float: left; clear: left; width: 12.5em; padding-left: 1em;
  color: #956523;
}
#panik-i-pusshagen #about-show h3 {
  color: #E93041;
}
#panik-i-pusshagen hr {
  border-top: 10px solid #E93041;
}
#panik-i-pusshagen img {
  border: 10px solid #fff;
}

/* "Laddar..."-snurra för google-kalender */

.wpng-cal-image {
  border: none;
}