/* http://meyerweb.com/eric/tools/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, strong, sub, sup, tt, var, b, u, i, center, 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-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
/* :focus { outline : 0; } */
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

body { background:url(../img/bg_body.png) repeat left top ; font-family:Georgia, serif ; line-height:1.5; font-size:76%;}

/* typo */

h2 { font-size:1.2em ; color:#363636 ; font-weight:normal ; margin:0 0 0.2em ; letter-spacing:0; }
h3 { font-size:1.1em ;  font-weight:normal ; margin:0 0 0.2em ; padding:0 0 0.2em ; border-bottom:1px dotted #e1b9a0; letter-spacing:0; }
#col-main p,#col-main dl,#col-main ul,#col-main ol,#col-main td { font-size:11px ; line-height:17px; margin-bottom:0.5em ;}
#site.content #col-main p, #site.content #col-main dl, #site.content #col-main ul, #site.content #col-main ol, #site.content #col-main td { font-size:14px ; line-height:20px; margin-bottom:1em ;}
#col-main .small { font-size:0.8em ;}
#col-main p.lead { font-size:1em ; }
a { color:#cf2626 ;  text-decoration:none ;  }
a:hover { text-decoration:underline ; }
a:visited { color:#900 ; }
/* a[rel="external"] { background:url(../img/extlink.png) no-repeat right 3px ; padding-right:4px ; margin:0 2px 0 0; } */
#col-main p { color:#333 ;}

.nosto p { font:12px/1.3 Arial, sans-serif ; color:#363636 ; margin:0 0 0.5em ;}


dl.program {  color:#222 ; margin: 0 0 0.5; padding: 0;}
.program dt { position: relative; left: 0; top:1.5em; width: 5em; font-weight: bold; text-align:right ; }
.program dd { border-left: 1px dotted #e1b9a0; margin: 0 0 0 5.5em; padding: 0 0 .1em .5em; }

ul.artists a { padding:0 ; margin:0 ; background:none ; }
ul.artists strong { font-size:1.2em ; }
ul.artists li {  border-bottom:1px dotted #e1b9a0 ; margin:0 0 0.5em ; padding:0.2em 0 ;}

ul.jury { text-align:center ;}
ul.jury strong { font-size:14px ; }
ul.jury li { margin:0 0 1em ;}

b.hr { font-size:14px ; height:1px ; margin:0 0 1em ; overflow:hidden ; display:block ; clear:both ; border-top:1px dotted #e1b9a0 ;}

/* site elems */
#site { background:#698897 url(../img/bg_cont_large.jpg) no-repeat center top ; height:708px ; margin-top:0 ; position:relative ; padding-top:153px ; overflow:hidden ; min-width:990px ; }
#cont { width:990px ; margin:0 auto ; position:relative ; }
#site.content { background:#698897 url(../img/bg_cont.jpg) fixed center top ; padding:10px 0 70px 0  ; height:auto ; }
/* #cont { background:transparent url(../img/bg_girl.jpg) no-repeat 10px top ; width:1007px ; height:881px ; margin:0 auto ; position:relative ; border-bottom:1px solid #222 ; } */

h1 { background:transparent url(../img/logo2010.png) no-repeat right center ; width:300px ; height:137px ;  margin:0 auto ;  }
h1 a { display:block ; width:283px ; height:125px ; text-indent:-100em ; overflow:hidden ; }

/* #nav {  position:absolute ; top:300px ; left:274px ;  } */
#nav { margin:10px auto ; width:515px ; display:block ; position:relative ; left:30px ; height:27px ; }
#nav li { float:left ; } 
#nav li a { float:left ; display:block ; height:27px ; text-indent:-100em ; overflow:hidden ; }
	#front { background:url(../img/navi/n1.png) no-repeat left top ; width:103px ; }
	#program { background:url(../img/navi/n2.png) no-repeat left top ; width:88px ; }
	#artists { background:url(../img/navi/n3.png) no-repeat left top ; width:73px ; }
	#jury { background:url(../img/navi/n4.png) no-repeat left top ; width:57px ; }
	#information { background:url(../img/navi/n5.png) no-repeat left top ; width:118px ; }
	#gallery { background:url(../img/navi/n6.png) no-repeat left top ; width:76px ; } 
	#front.act { background:url(../img/navi/n1a.png) no-repeat left top ; }
	#program.act { background:url(../img/navi/n2a.png) no-repeat left top ;  }
	#artists.act { background:url(../img/navi/n3a.png) no-repeat left top ;  }
	#jury.act { background:url(../img/navi/n4a.png) no-repeat left top ;  }
	#information.act { background:url(../img/navi/n5a.png) no-repeat left top ; }
	#gallery.act { background:url(../img/navi/n6a.png) no-repeat left top ;  }
	
/* tall content */

#site.content h1 { background:url(../img/logo_tall.png) ; width:274px ; height:134px ;  }
#site.content #nav li a { height:21px ; }
   #site.content  #front { background:url(../img/navi/tall/n1.png) no-repeat left top ; width:103px ; }
   #site.content #program { background:url(../img/navi/tall/n2.png) no-repeat left top ; width:88px ; }
   #site.content #artists { background:url(../img/navi/tall/n3.png) no-repeat left top ; width:73px ; }
   #site.content #jury { background:url(../img/navi/tall/n4.png) no-repeat left top ; width:57px ; }
   #site.content #information { background:url(../img/navi/tall/n5.png) no-repeat left top ; width:118px ; }
   #site.content #gallery { background:url(../img/navi/tall/n6.png) no-repeat left top ; width:76px ; } 
   #site.content #front.act { background:url(../img/navi/tall/n1a.png) no-repeat left top ; }
   #site.content #program.act { background:url(../img/navi/tall/n2a.png) no-repeat left top ;  }
   #site.content #artists.act { background:url(../img/navi/tall/n3a.png) no-repeat left top ;  }
   #site.content #jury.act { background:url(../img/navi/tall/n4a.png) no-repeat left top ;  }
   #site.content #information.act { background:url(../img/navi/tall/n5a.png) no-repeat left top ; }
   #site.content #gallery.act { background:url(../img/navi/tall/n6a.png) no-repeat left top ;  }
	
#col-main { width:330px ; margin:20px auto ; position:relative ; left:17px ; }
.content #col-main { width:440px ; background:#fff ; padding:20px ; margin:70px auto 0 auto ; }
.content #col-main .top { display:block ; width:480px ; height:46px ; background:url(../img/bg_cont_tall_top.png) no-repeat left top ; position:absolute ; left:0 ; top:-46px ; }
.content #col-main .bottom { display:block ; width:480px ; height:43px ; background:url(../img/bg_cont_tall_bottom.png) no-repeat left top ; position:absolute ; left:0 ; bottom:-43px ;  }
#footer { font-size:10px ; text-transform:uppercase ; color:#655e5a ; letter-spacing:1px; text-align:center; padding:6px 0 ; }
#footer li { display:inline ; padding:0 12px ; text-shadow: #000000 0 0 5px; }
#footer li a { color:#655e5a ; text-decoration:none ; }
#footer li a:hover { color:#978f8b ; text-decoration:underline ; }
p.oikeudet { text-transform:uppercase ; font:8px/1 Arial, sans-serif ; color:#48413a ; text-align:center; margin:0.5em 0 1em ; position:relative ; left:-10px ; }
.banners { margin:0 auto ; text-align:center ; padding:1em 0 ;}
.banners img {margin:0 1em ; }

/* items */

#nosto-vasen { background:url(../img/bg_vasen_lappu.jpg) no-repeat left top ; padding:26px 30px ; width:172px ; height:174px ; position:absolute ; left:12px ; top:463px ; font-size:0.9em; }
    #nosto-vasen a.shop:before { content:'› '; }
    #nosto-vasen a.pdf:before { content:url(../img/icon_pdf.png); vertical-align:middle ;}
    #nosto-vasen h4 { background:url(../img/headings/h4_messulehti.png) no-repeat left top ; width:89px ; height:13px ;  text-indent:-100em ; overflow:hidden ; margin-bottom:0.5em ; }
    #nosto-vasen h3 { text-transform:uppercase ; font-size:1em ;}
#julistenosto { background:url(../img/bg_messujuliste.jpg) no-repeat left top ; width:214px ; height:286px ; display:block ; position:absolute ; right:8px ; top:389px ; text-indent:-100em ; overflow:hidden ; }
/* gallery */
#gallery-pagenavi { font-size:12px ; text-align:center ; padding:0.2em 0 ; margin:0 0 1em ;}
#gallery-pagenavi a { color:#666 ; padding:5px ; }
#gallery-pagenavi a#current { background:#cf2626 ; color:#fff ;}
#gallery-pagenavi a.inactive { color:#999 ; }
#gallery-pagenavi a.inactive:hover { text-decoration:none ;}
.galleryTable { }
.galleryTable img { display:block ; background:#fff ; padding:3px ; }
.galleryTable td { padding:2px ; }