@charset "UTF-8";


body {font-family:Lucida sans, Lucida sans unicode, Helvetica, Verdana, Arial, sans-serif;background-color:#d4d0cd; background-image:url(/images/bg.png);}
*html body {font-family:Verdana, Arial, sans-serif;} /*IE hack*/

/*--------------------------------------- */
/*---------- HEADER and FOOTER ---------- */
/*--------------------------------------- */

#header{background:transparent url(/images/header_bg.png); height:6em;}
#header_logo {background:transparent url(/images/logo.png) top left no-repeat}
	#header_logo a {height:6em; display:block; width:360px;}
	#header_logo a:hover {border:none;}
	#header_logo span{display:none;} /*hides text version of logo when styles are used */
	
#header_search{margin-top:2em;}
#header_search #terms {border:1px solid #ccc; padding:6px;}
#header_search_btn{background:#bce7ea; border-left:1px solid #1bbecd; border-right:1px solid #1bbecd; 
border-bottom:0; border-top:0; padding:0.2em; font-style:italic; font-weight:bold; font-size:1.3em; color:#6f452c; cursor:pointer; vertical-align:bottom;}
#header_search_text{border:1px solid #ccc; padding:0.2em; font-size:1.3em;}
	
ul#language{line-height:1.2; margin-top:1.5em;}

#footer {background-color:#6f452c; color:#edeae7; padding:1em 0 1em 0;}
#footer_bg {background:transparent url(/images/footer_transp_bg.png) repeat-x; height:5px;}
#footer_links {}
#footer_links a {color:#fff;}
#footer_links a:after {content:" " url(/images/link_arrow_white.gif);}
#footer_links a:hover {border-color:#fff;}


/*---------------------------- */
/*-------- NAVIGATION -------- */
/*---------------------------- */
#main_navi_container{height:3em; background:#fff;}
ul#main_navi{margin:4px 0 0 40px;}
#main_navi li{font-size:1.25em; font-style:italic; margin-right:20px; }
#main_navi a.active {border-top:6px solid #1bbecd;}

/* interactive sliding elements in main navi*/
#providers_slide, #about_helsinkiart_slide {background:#fff url(/images/about_bg.png) bottom repeat-x; border-top:1px solid #1bbecd; display:none;}
	#providers_slide li{margin-right:0.6em; padding-right:0.6em; border-right:1px solid #1bbecd; font-weight:bold;}
	#about_helsinkiart_slide_toggle {padding-left:1em; border-left:1px solid #1bbecd;}
    #providers_slide_toggle {}
    
    #about_helsinkiart_map{position:relative; line-height:1.2;}
    #map_amos, #map_ateneum, #map_emma, #map_tennis, #map_meilahti, #map_kiasma, #map_siff, #map_taidehalli {position:absolute;}
    #map_amos {top:186px; left:200px;}
    #map_ateneum{top:120px; left:406px;}
    #map_emma {top:114px; left:10px;}
    #map_meilahti {top:40px; left:221px;}
    #map_kiasma{top:92px; left:359px;}
    #map_siff{top:250px; left:318px;}
    #map_taidehalli{top:105px; left:275px;}
    #map_tennis{top:140px; left:227px;}
    #map_signature {color:#777;}

.slide_down_btn {background:transparent url(/images/slide_open_bt.png) center right no-repeat; padding-right:13px; cursor:pointer;}	
.slide_down_btn:hover {border:0;}
.slide_down_btn_close {background:transparent url(/images/slide_close_bt.png) center right no-repeat; padding-right:13px; cursor:pointer;}

/* generic vertical navi as list */
ul.v-navi{margin:0; list-style-position: inside; list-style-image: none; list-style-type: none;}

/* generic hoizontal navi as list */
ul.h-navi {margin:0; list-style-position: outside; list-style-image: none; list-style-type: none;}
ul.h-navi li {display: inline;}

ul.arrow_blt {list-style:inside url(/images/link_arrow.gif);}

#page_navi {text-align:right; border-top:1px dotted #1bbecd;  border-bottom:1px dotted #1bbecd; height:18px;}
#page_navi_links {float:right; height:18px;}
#page_navi_numbers {float:left;}
#page_navi a {padding:0 0.3em; font-weight:bold; }
#page_navi a.current {background-color:#1bbecd; padding:1px 4px; color:#fff;}
#page_navi #next_page {background: transparent url(/images/next_page.png) 0 0 no-repeat; margin-left:7px; float:left;}
#page_navi #next_page:hover, #page_navi #next_page:active {background: transparent url(/images/next_page.png) 0 -12px no-repeat; border:0;}
#page_navi #prev_page {background: transparent url(/images/prev_page.png) 0 0 no-repeat; float:left;}
#page_navi #prev_page:hover, #page_navi #prev_page:active {background: transparent url(/images/prev_page.png) 0 -12px no-repeat; border:0; } 
#page_navi #next_page strong, #page_navi #prev_page strong {display:none;}
#page_navi #next_page, #page_navi #prev_page {display:block; height:12px; width:12px; margin-top:3px;}


/*----------------------------------- */
/*----- ADDITIONAL TYPOGRAPHY ------- */
/* mainly overrides blueprint-styles  */
/*----------------------------------- */
small {font-size:0.8333em; color:#666666; line-height:1.8em;}

h3.header_definition {font-size:1.2em; margin-bottom:2.3em; font-weight:bold; line-height:1.25; text-transform:uppercase; letter-spacing:0.05em; color:#777; padding-top:0.2em;margin-top:-2.5em;}
.caption {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
p.header_definition {margin-top:-1.5em; color:#777777; font-style:italic;}

h1{font-size:4em; line-height:1.125; margin-bottom:0.75em; letter-spacing:-0.01em; }

/*.header_definition,
h1.strong {border-left:8px solid #1bbecd; margin-left:-18px; padding-left:10px;}*/
h1.strong {border-top:8px solid #1bbecd; padding-top:10px; overflow:hidden;}

a, a:visited {color:#6f452c; text-decoration:none;}
a:hover{color:#6f452c; border-bottom:1px dotted #6f452c; cursor:pointer;}
a.image:hover {border-bottom:none;}
a:active{color:#c45f05;}
p a {border-bottom:1px dotted #6f452c;}
p a:hover {border-bottom:1px solid #6f452c;}

a.ext:after {content:" " url(/images/link_arrow_ext.gif);}
a.ext{font-weight:bold;}

div.more {display:block; text-align:right;}

a.go:after {content:" " url(/images/link_arrow.gif);}

.provider_info dt{background-color:#9fe0e4; font-size:0.8333em; line-height:1.6; padding:0.0833em 4px 0 4px; border-bottom:1px solid #e9f1f2;}
.provider_info dl dd p {margin-bottom:0;}

a.provider_header, h3.provider_header {background-color:#1bbecd; color:#fff; font-style:italic; font-size:1.25em; line-height:1.1; padding:0.1em 0 0 0.5em; display:block; position:relative; margin-bottom:0;}
a.provider_header:hover {color:#9fe0e4;}
a.provider_header:after {content:" " url(/images/link_arrow_white.gif); }

a.share:hover{border:0;}


/*---------------------------- */
/*------- LAYOUT   ----------- */
/*---------------------------- */
.padded_1 {padding: 1.5em 20px;}
.content_area
{background:#fff; border-top:10px solid #1bbecd; padding-top:8px; padding-bottom:1.5em; margin-bottom:1.5em;}
.content_area.inpage {padding-bottom:0; margin-bottom:0;}
#pagecontent{margin-top:1.5em;}
.dropshadow_17 {background:#fff url(/images/bg_17.gif) repeat-y; border-bottom:1px solid #c1c1c1;}
.dropshadow_7 {background:#fff url(/images/bg_7.gif) repeat-y; border-bottom:1px solid #c1c1c1;}
fieldset{border:0; margin:0; padding:0;}
#fi{margin:0 auto; background:transparent url(/images/fi.png) center 50px no-repeat; width:100%; height:100%;	}

.height-1 {height:1.5em;}
.height-2 {height:3em;}
.height-3 {height:4.5em;}
.height-4 {height:6em;}
.height-5 {height:7.5em;}
.height-6 {height:9em;}
.height-7 {height:10.5em;}
.height-8 {height:12em;}
.height-9 {height:13.5em;}
.height-10 {height:15em;}




/*---------------------------- */
/*-------- ITEM LISTS -------- */
/*---------------------------- */

.img_list_1 .list_item p, .img_list_2 .list_item p, .img_list_3 .list_item p, .txt_list .list_item p, small_list .list_item p {margin:0;}

.list_item {margin:0 0 14px 0; border-top:1px solid #1bbecd; padding-top:3px;}
.list_item_header {height:1.1666em; border-bottom:1px solid #1bbecd; margin-bottom:3px;}
.list_item_header a, .list_count {font-size:0.8333em; padding:2px;height:10px; line-height:1;}
.list_item_header a {float:left; font-weight:bold;}
.list_item_header a:after{content:" " url(/images/link_arrow.gif);}
.list_count { background:transparent url(/images/count_bg.png) top left no-repeat; width:34px; float:right; text-align:right; }
.list_img,.list_info, .list_desc, .list_meta {float:left}
.list_info small {font-size:0.8333em;}
.list_meta {font-size:0.8333em; height:16px; padding:2px 20px 0 20px; background:#edeae7 url(/images/meta_bg.png) 0 bottom no-repeat;}
.list_meta a.share {float:left; background: transparent url(/images/slide_open_bt.png) 90% center no-repeat; padding-right:20px; border-right:1px solid #bdbab7;}
.list_tags {float:right;}
.list_date {color:#777777; font-size:0.8333em; line-height:1.8;}



/* this is the biggest list */
.img_list_1 .list_item {border-top:none;padding-top:0; margin-bottom:14px;}
.img_list_1 .list_item_header {border-bottom:2px solid #1bbecd; margin-bottom:2px;}
.img_list_1 .list_img {width:80px; height:54px;}
.img_list_1 .list_info {width:150px;}
.img_list_1 .list_desc {width:360px;}
.img_list_1 .list_meta {width:550px; margin-top:4px;}

/* this is mainly meant for sidebars*/
.img_list_2 .list_item {border-top:none;}
.img_list_2 .list_img {width:64px; height:54px;}
.img_list_2 .list_info {width:166px}
.img_list_2 .list_info p {font-size:0.8333em; line-height:1.8;}

/* no header info */
.img_list_3 .list_item {}
.img_list_3 .list_img {width:64px;}
.img_list_3 .list_info {width:166px}
.img_list_3 .list_info p {font-size:0.8333em; line-height:1.8;}

/*for notifications in sidebar */
.txt_list .list_item {border-top:none;}
.txt_list .list_info {width:100%;}




/* -----------------------------*/
/* ----- GENERIC OBJECTS -------*/
/* -----------------------------*/

/* provider contact info etc */
.provider_info { background-color:#bce7ea; margin-bottom:1.5em; padding: 0.75em 20px;}

/* info about experience, eli elämys */
.item_info {background-color:#edeae7; margin-bottom:1.5em; border-top:5px solid #d3c5ba; padding:0.75em 20px;}
	.item_info dl {margin-bottom:0;}
    .item_info dd {margin-left:0.75em;}
    
.page_actions {background-color:#bce7ea; padding:0.75em 20px; border-top:5px solid #1bbecd;}

.btn {background:#bce7ea; border:1px solid #1bbecd; padding:0.2em 0.5em;  font-size:1.1em; color:#1f1f1f; cursor:pointer; -moz-border-radius:5px;}
a.btn:hover {border-bottom:none;}

select.select {font-size:1.2em; margin:0;}

form.airy {margin:1em 0;}

.scale_range {width:90px; height:13px; background-color:#b3dade; margin:3px 0 2px 0;}
	.scale_range span {display:none;}
.scale_value {height:inherit; background-color:#1bbecd;}
.scale_ticks {position:relative;  height:inherit; background-image:url(/images/scale.gif)}
.scale_ticks {width:90px;}
*html .scale_ticks {width:auto;} /*IE6 hack*/

.help {display:none;}
.help_btn {background:url(/images/help.gif) 0 0 no-repeat; padding-left:20px; cursor:pointer;}


.page_actions .share {background:url(/images/share-icon-16x16.png) 0 0 no-repeat; padding-left:30px; font-weight:bold;}
.page_actions .print {background:url(/images/print.gif) 0 0 no-repeat;  padding-left:30px; cursor:pointer; }
.page_actions ul li {padding-bottom:9px; margin-bottom:8px; font-weight:bold;border-bottom:1px solid #1bbecd; }
.page_actions ul li.last {border-bottom:0; padding-bottom:0; margin-bottom:0; }
.page_actions ul li li {border:0; margin:0 8px 0 0; padding:0;}

#map {overflow:hidden; border:1px solid #1bbecd; height:268px;}

/*not defined in jQuery theme*/
.ui-datepicker th {background-color:#bce7ea;}

/*---------------------------- */
/*------- COMMENTS ----------- */
/*---------------------------- */

.comment {margin:0 0 1.5em 0;}

/*---------------------------- */
/*------- CALENDAR ----------- */
/*---------------------------- */

#calendar_container, #calendar_container small {line-height:1.2;}
#calendar_container h1 {margin-bottom:0.375em;}
#calendar_container small {font-size:0.75em;}
#calendar_show_options{line-height:1.5;}
#calendar_container a {font-weight:bold;}

#calendar_container col.odd {background-color:#f5f2ef; }

#calendar_container th {font-size:1em; font-weight:bold; margin:0; border-bottom:1px solid #d1d1d1; 
text-align:center; border-right:1px solid #d1d1d1; background:#bce7ea url(/images/thead_bg.png) bottom repeat-x;}
#calendar_container th.odd {}

#calendar_container td {vertical-align:top; border-right:1px solid #d1d1d1; overflow:hidden; padding:3px 10px 3px 3px;}

#calendar_container tr.time_label td{border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; padding:2px; background:#fff; font-size:0.8333em; color:#777; font-weight:bold;}

#calendar_options_container {border:1px solid #d1d1d1; display:none;}
#calendar_options_container label {font-weight:normal;}
#calendar_options_slide_toggle {font-weight:bold;}

#calendar_container table div {margin-bottom:1em;}
#calendar_container table {border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1; background-color:#fff;}

/*---------------------------- */
/*--- FRONT PAGE SPECIFIC ---- */
/*---------------------------- */

#frontpage_banner{background-color:#0da6b4;}


#frontpage_provider_navi ul li a
{display:block; height:3.3553em; border-bottom:1px solid #fff; position:relative; z-index:100; background-repeat:no-repeat; outline:none;}

#frontpage_provider_navi ul li a#amos {background-image:url(/images/logos/amos.jpg);}
#frontpage_provider_navi ul li a#ateneum {background-image:url(/images/logos/ateneum.png);}
#frontpage_provider_navi ul li a#emma {background-image:url(/images/logos/emma.png);}
#frontpage_provider_navi ul li a#hkimuseum {background-image:url(/images/logos/hki_taidemuseo.png);}
#frontpage_provider_navi ul li a#kiasma {background-image:url(/images/logos/kiasma.png);}
#frontpage_provider_navi ul li a#siff {background-image:url(/images/logos/siff.png);}
#frontpage_provider_navi ul li a#taidehalli {background-image:url(/images/logos/taidehalli.png);}

#frontpage_provider_navi ul li a em {display:none;}

#frontpage_provider_navi ul li a.last, a.provider_header  {border-bottom:#1bbecd;}



/*---------------------------- */
/*------ ADMIN SPECIFIC ------ */
/*---------------------------- */


/*--------------------------------------- */
/*---------- DEBUG ---------------------- */
/*--------------------------------------- */
.showgrid div {background-color:transparent;}

.span-15.img_list_1{margin-left:40px;}
#ui-datepicker-div{display:none;}