/* -------------------------------------------------------- t Site: karsh festival website Created by: Martin Gauthier - martin@codemountain.ca Filename: css/main_1.css -------------------------------------------------------- */ /* -------------------------------------------------------- MAIN STYLING -------------------------------------------------------- */ /* reset base tags */ html { overflow: -moz-scrollbars-vertical; } body,p,h1,h2,h3,h4,a,ul,li, div, span{ margin:0;padding:0; outline:none;} ul li{list-style:none} img{border:0} table {border-spacing:0px;} td {vertical-align: top;} /*set base styles */ body { background-color:#000000; font-family:Arial, Helvetica, sans-serif;;color:#333333;font-size:12px; font-weight:normal;line-height:14px;background-position:center top; background-repeat:no-repeat;} a:link, a:visited, a:active {color:#00b7eb;text-decoration:none; font-weight:bold} a:hover {color:#fff;text-decoration:none;} div.backSolid a:link,div.backSolid a:visited,div.backSolid a:active {color:#00b7eb;text-decoration:none; font-size:10px} div.backSolid a:hover {color:#000;text-decoration:none;} div.backSolidLarge a:link,div.backSolidLarge a:visited,div.backSolidLarge a:active {color:#00b7eb;text-decoration:none; font-weight:normal} div.backSolidLarge a:hover {color:#000;text-decoration:none;} div.backSolid a.special1:link, div.backSolid a.special1:visited,div.backSolid a.special1:active {color:#00b7eb;text-decoration:none; font-weight:bold} div.backSolid a.special1:hover {color:#000;text-decoration:none;} div.backSolid a.light1:link, div.backSolid a.light1:visited,div.backSolid a.light1:active {color:#bbbbbb;text-decoration:none; font-weight:bold; font-size:10px;} div.backSolid a.light1:hover {color:#000;text-decoration:none;} div.exhibition a.light1:link, div.exhibition a.light1:visited,div.exhibition a.light1:active {color:#7f7f7f;text-decoration:none; font-weight:bold; font-size:10px;} div.exhibition a.light1:hover {color:#FFF;text-decoration:none;} div.link1 a:link,div.link1 a:visited,div.link1 a:active {color:#fff;text-decoration:none; font-weight:bold;} div.link1 a:hover {color:#000;text-decoration:none;} div.backSolid a.link2:link, div.backSolid a.link2:visited, div.backSolid a.link2:active {color:#00b7eb;text-decoration:none; font-weight:normal; font-size:12px;} div.backSolid a.link2:hover {color:#000;text-decoration:none;} div.backSolid a.link3:link, div.backSolid a.link3:visited, div.backSolid a.link3:active {color:#00b7eb;text-decoration:none; font-weight:normal; font-size:11px;} div.backSolid a.link3:hover {color:#000;text-decoration:none;} div.backSolid #event_content.specialk a.link2:link, div.backSolid #event_content.specialk a.link2:visited, div.backSolid #event_content.specialk a.link2:active {color:#e11111;text-decoration:none; font-weight:normal; font-size:12px;} div.backSolid #event_content.specialk a.link2:hover {color:#000;text-decoration:none;} div.backSolid #event_content.specialk a:link,div.backSolid #event_content.specialk a:visited,div.backSolid #event_content.specialk a:active {color:#00b7eb;text-decoration:none; font-size:10px} div.backSolid #event_content.specialk a:hover {color:#000;text-decoration:none;} h1{font-size:36px; background-color:transparent; line-height:40px; height:36px;} /*website specific style*/ .center_container2,.center_container {width:958px;padding:20px;margin-left:auto; margin-right:auto; text-align:left;position:relative; background:transparent;} .center_container2{width:600px;} .clearall{clear:both;} .spacer1{padding-top:210px; width:100%} p{color:#333333; margin-bottom:17px; line-height:16px; font-size:12px} p.last{margin-bottom:2px;} p.small{ margin-bottom:12px;, line-height:13px; font-size:11px} .color1{color:#00b7eb; font-size:10px; font-weight:bold; text-transform:uppercase} /*blue small upercase*/ .color2{background-color:#c4112f}/*red*/ .color3{background-color:#f1eccf}/*beige*/ .color4{background-color:#dad4b2}/*beige darker*/ .p1{font-size:14px; font-weight:bold; text-transform:uppercase; line-height:18px; margin-bottom:79px;} .p2{margin-bottom:0px;} .p3{margin-bottom:3px;} .p4{margin-bottom:10px;} .pcolor1{color:#6e593f}/*brown promos*/ .pcolor2{color:#c4112f}/*red*/ .pcolor3{color:#563e24; } .toptitle{width:100%; margin-top:30px; height:40px;} .leftcol1{ float:left; width:260px; margin-right:25px; border-right:0px solid #990066; margin-top:30px;} .rightcol1{ float:left; width:260px; margin-top:30px;} .rightcol2{ float:left; width:260px; margin-top:30px;} .rightcol3{ float:left; width:436px; margin-top:30px;} .rightcol4{ float:left; width:132px; margin-top:30px; padding-left:28px;} .bottom-logo1{ position:absolute;top:-16px; left:0px;} .singlecol1{position:relative; width:100%; border:0px solid red;margin-top:30px;} .singlecol2{position:relative; width:100%; border:0px solid red;margin-top:35px;} .singlecol3_highlightbox{position:relative; width:514px; border:0px solid red;margin-top:25px; background-color:#EAEAEA; padding:15px;} .colHigh{margin-top:2px;} .colHigh2{margin-top:30px;} .colHigh3{margin-top:34px;} .backTransparent{} .backSolid{background-color:#FFFFFF} .minBox{height:536px;} div.dash1{ width: 100% ;height:12px; background-image:url(../../img/icn-dash-2.gif); background-repeat:repeat-x; background-position:center; margin-top:10px;} div.dash_white{ width: 100% ;height:12px; background-image:url(../../img/icn-dash-3.gif); background-repeat:repeat-x; background-position:center; margin:6px 0px;} div.line1{width:100%; height:3px; border-bottom:1px solid #000} /*sIFR adjustments styles*/ .bigtitle1,.intro1{position:relative; top:0px; left:0px;} .bigtitle2{position:relative; } .intro1{top:0;} h3.intro1{ font-size:18px; line-height:25px; color:#fff; font-weight:normal; margin-bottom:10px; width:543px; margin-top:30px;} h4.title1{font-size:16px; line-height:22px; color:#fff; font-weight:normal; margin-bottom:17px; } h4.title2{font-size:16px; line-height:20px; color:#00b7eb; font-weight:normal; margin-bottom:7px; } h4.title2exhibition{font-size:16px; line-height:20px; color:#fff; font-weight:normal; margin-bottom:7px; } h4.title2lines{font-size:16px; line-height:20px; color:#00b7eb; font-weight:normal; margin-bottom:7px;height:40px; } .sIFR-hasFlash h4.title2{margin-bottom:12px;} h4.title3,h4.title3special{font-size:16px; line-height:20px; color:#00b7eb; font-weight:normal; margin-bottom:7px;height:20px; } p.date1{font-weight:bold;color:#fff; margin-bottom:13px;} p.summary1{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; line-height:17px; color:#FFFFFF} div.summary1 {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; line-height:17px; color:#FFFFFF} div.summary1 p {padding-bottom:10px; margin-bottom:10px; line-height:17px; color:#FFFFFF} h2.bigtitle1, h2.bigtitle2{font-size:36px; height:77px;} h2.bigtitle2{height:53px;} h2.bigtitle2lines{height:77px; position:relative; } #about_intro{height:130px; } /* -------------------------------------------------------- SELECTOR STYLING - global -------------------------------------------------------- */ #main_container{ border:0px solid red; padding-bottom:0} #left_container{float:left; width:160px; margin-right:19px; border:0px solid #00CC00} #mid_container, #mid_container2{float:left; width:548px; margin-right:19px;border:0px solid white; padding:26px; position:relative} #mid_container.backSolidLarge{width:727px;background-color:#FFFFFF;float:left; margin-right:0px;border:0px solid white; padding:26px; position:relative} #mid_container.backSolidLargeNoBg{width:727px;float:left; margin-right:0px;border:0px solid white; padding:26px 26px 0px 26px; position:relative} #right_container,#right_container2{float:left; width:160px; border:0px solid #00CC00; margin-top:5px;} #right_container2{ width:160px;} #footer_container{position:relative; width:100%; height:20px; border:0px solid #cccccc} /* -------------------------------------------------------- SELECTOR STYLING - index-en.php, index-fr.php -------------------------------------------------------- */ /*sIFR adjustments selectors*/ #home_featured{height:17px} #home_intro{height:100px; line-height:50px; letter-spacing:10px; width:250px; position:relative;top:0;left:0} #slideshow_timer{position:relative; top:-4px;} p.homelast{margin-bottom:-30px;} /* -------------------------------------------------------- SELECTOR STYLING - events.php -------------------------------------------------------- */ table.tbl_1{ width:100%; border-bottom:1px solid #333333; margin-bottom:9px } table.tbl_1 a{font-size:11px; font-weight:bold} .nolink{font-size:10px; font-weight:bold} table.tbl_1 tr td.cell1{width:110px; font-weight:bold; padding-top:0px; vertical-align:top} table.tbl_1 tr td.cell2{padding-top:0px; vertical-align:top; padding-bottom:6px; position:relative} table.tbl_1 tr td.cell2 div.dash1{height:16px;} table.tbl_1 tr td.cell2 p {margin:0; padding-right:10px;} table.tbl_1 tr td.cell5 {padding-bottom:10px;} table.tbl_1 tr td.cell9{ padding-bottom:2px;} table.tbl_1 tr td.cell11{width:120px; font-weight:bold; padding-top:0px; padding-right:10px;vertical-align:top} table.tbl_1 tr td.cell12{padding-top:0px; vertical-align:top; padding-bottom:6px; position:relative} td.kspecial {background-image:url(../../img/icn_k1.png); background-repeat:no-repeat; background-position:404px 0px; } table tr td.cellr1{text-align:right} table.tbl_1 tr td span.color1{font-size:12px; } table.nobot{border:0px;} #events_date1{ width:180px; padding:0; margin:0; height:16px; margin-top:0px;} #events_list table.tbl_1{padding-bottom:2px;} #events_list div.dash1{height:17px; margin-top:5px;} #add_comment div.dash1{height:14px;} #add_comment div.line1{height:5px;} /* -------------------------------------------------------- SELECTOR STYLING - events_details.php -------------------------------------------------------- */ #top_return, #top_return3 {position:absolute; top:30px; right:26px; background-image:url(../../img/icn-return-1.gif); background-repeat:no-repeat; background-position:6px 3px; padding-left:16px; font-size:10px;} #top_return:hover{background-image:url(../../img/icn-return-2.gif);} #top_return2 {background-image:url(../../img/icn-return-1.gif); background-repeat:no-repeat; background-position:6px 3px; padding-left:16px;} #top_return2:hover{background-image:url(../../img/icn-return-2.gif);} #top_return3 {background-image:url(../../img/icn-return-3.gif);} #top_return3:hover{background-image:url(../../img/icn-return-4.gif);} #b_return_blue {background-image:url(../../img/icn-return-5.gif); background-repeat:no-repeat; background-position:6px 3px; padding-left:16px;} #b_return_blue:hover{background-image:url(../../img/icn-return-4.gif);} .b_return_grey {background-image:url(../../img/icn-return-1.gif); background-repeat:no-repeat; background-position:6px 3px; padding-left:16px; float:right; position:absolute; right:28px;} .b_return_grey:hover{background-image:url(../../img/icn-return-2.gif);} .b_return_grey a:link, .b_return_grey a:visited, .b_return_grey a:active {color:#bbbbbb!important;text-decoration:none; font-weight:bold!important; font-size:10px;} .b_return_grey a:hover {color:#000!important;text-decoration:none;} table.tbl_1 tr td.cell3{width:280px; vertical-align:top} table.tbl_1 tr td.cell4{padding-top:0px; vertical-align:top; padding-bottom:0px; position:relative} h3.event_intro{ font-size:25px; line-height:40px; color:#fff; font-weight:normal; margin-bottom:20px; width:260px; margin-top:20px} h3.event_intro p{ font-size:25px; line-height:40px; color:#000; font-weight:normal; margin-bottom:2px; width:220px; margin-top:20px} div.small_map{border:1px solid #888888; width:260px; height:240px} table.nosep{border-bottom:0px; margin-bottom:3px;} #events_comment1,#events_comment2{ width:180px; padding:0; margin:0; height:16px; margin-bottom:15px;margin-top:15px;} #events_comment2{margin:0; margin-bottom:10px;} #comment_container{width:528px; padding:10px; background-color:#f0f0f0; margin-top:15px; padding-top:20px;} table.form1{ width:100%} table.form1 tr td.cell1{width:100px;} table.form1 tr td.cell2{padding-bottom:10px;} .input_text1,.input_area1{ width:419px;} .input_area1{height:75px; width:423px;} input.button1{background-color:#f0f0f0; color:#00b7eb; padding:0; margin:0; border:0px; cursor:pointer; text-transform:uppercase; font-size:10px; font-weight:bold} #event_content.specialk input.button1{color:#e11111} /* -------------------------------------------------------- SELECTOR STYLING - exposition.php -------------------------------------------------------- */ .exhibition, .exhibition p, .exhibition h4 { color:#fff; } .exhibition ul, .singlecol3_highlightbox ul { margin-bottom:10px; } .exhibition ul { position:relative; left:-15px; } .exhibition ul li { list-style-position:outside; list-style-type: disc; margin-bottom:10px; margin-left:15px; line-height:16px; } .singlecol3_highlightbox ul.bulletList li { list-style-type: disc; margin-bottom:10px; margin-left:16px; line-height:16px; } .exhibition a.gallery1, .exhibition a.gallery2, .exhibition a.gallery3 { display:block; width:753px; height:150px; overflow:hidden; text-indent:-900px; position:relative; left:-13px; } .exhibition a.gallery1 { background-position:0px 0px; } .exhibition a.gallery2 { background-position:0px -300px; } .exhibition a.gallery3 { background-position:0px -600px; } .exhibition a.gallery1:hover { background-position:0px -150px; } .exhibition a.gallery2:hover { background-position:0px -450px; } .exhibition a.gallery3:hover { background-position:0px -750px; } .exhibition #thumbnails a { border: 3px solid #000; display:block; margin:0px 6px 12px 0px; float:left;} .exhibition #thumbnails a:hover { border: 3px solid #00B7EB; } .exhibition p.slidenav1 {position:relative; top:-24px; float:right; margin-bottom:-24px;} /* -------------------------------------------------------- SELECTOR STYLING - contact.php -------------------------------------------------------- */ #contact_add1{ width:180px; padding:0; margin:0; height:17px; margin-top:77px;} /* -------------------------------------------------------- SELECTOR STYLING - mykarsh.php -------------------------------------------------------- */ div.mykarsh{margin-top:33px} div.mykarsh.rightcol1{width:436px;} td.numbers1{width:20px; font-weight:bold; text-align:left; padding-top:1px; } td.details1{text-align:left; padding-bottom:18px; line-height:17px;} p.slidenav1{font-size:10px; font-weight:normal; margin-bottom:0;} p.slidenav1 a:link {font-weight:bold} #slide_thumbs {position:relative; } .img-shadow { float:left; background: url(../../img/shadowAlpha.png) no-repeat bottom right ; margin-left:2px; margin-top:10px; margin-right:10px;} .lastimg{margin-right:0px;} .img-shadow img { display: block; position: relative; background-color: #fff; border: 0px solid #a9a9a9;margin-right:5px; margin-left:-2px; margin-top:-2px; margin-bottom:5px; padding: 0px;} #slide_thumbs img.last{margin-right:0} /*sIFR adjustments*/ #mykarsh_how{width:220px;} #mykarsh_contributions{width:170px; margin-bottom:6px} /* -------------------------------------------------------- SELECTOR STYLING - media.php -------------------------------------------------------- */ table.topheader1{padding-bottom:0px;} p.news1{padding-bottom:10px;} p.news1 img{float:right; margin-left:10px; margin-top:-21px;} p.moretop1{margin-top:10px;} td.morebot1{padding-bottom:17px;} p.morebot1{margin-bottom:30px;} table.morebot1{margin-bottom:15px;} td.pdf1{background-image:url(../../img/icn-pdf1.gif); background-repeat:no-repeat; background-position:395px 0px} td.inst1{width:24px;} td.inst2{ padding-bottom:20px;} table.tbl_1 tr td.cell7{width:120px; font-weight:bold; padding-top:3px; vertical-align:top; padding-right:10px} a.rss_feed, a.rss_feed:hover { padding-right: 17px; background-image:url(../../img/icn-rss.gif); background-repeat:no-repeat; background-position:right top; } a.rss_feed:hover { background-position:right -20px; } /* -------------------------------------------------------- SELECTOR STYLING - media_details.php -------------------------------------------------------- */ #media_content{margin-top:40px;} #media_content table.tbl_1{margin-top:20px;} div.media_date{font-weight:bold; margin-bottom:12px;} table.tbl_1 tr td.cell6{padding-bottom:10px; padding-top:10px; width:50%} #title3lines{height:250px;} /* -------------------------------------------------------- SELECTOR STYLING - trail_details.php -------------------------------------------------------- */ #title_trail1{height:90px; width:300px;} #title_trail2{height:35px;} #intro_trail1{ width:240px;} div.small_map2{background-color:#CCCCCC; border:1px solid #333333; width:256px; height:234px; margin-top:3px;} div#trail_stops{background-color:#FFFFFF; padding:10px; background-image:url(../../img/icn-marker1.gif); background-repeat:no-repeat; background-position:15px 17px; padding-top:15px;} div#trail_stops table.trail1{margin:0; padding:0; font-size:11px; color:#e11111; width:100%; margin-bottom:15px;} div#trail_stops table.trail1 tr{ cursor:pointer} div#trail_stops table.trail1 tr:hover{color:#000} div#trail_stops table.trail1 tr td.nbr{vertical-align:top; font-weight:bold; width:18px} div#trail_stops table.trail1 tr td{padding-top:5px; padding-bottom:7px; background-image:url(../../img/icn-dash-2.gif); background-position:-3px bottom; background-repeat:repeat-x; padding-right:5px;} div#trail_stops table.trail1 tr.active{color:#999999} div#trail_stops table.trail1 tr.last td{background-image:none; border-bottom:1px solid #000} #trail_stops_title{margin-left:22px; padding-bottom:5px;} h4.rightTitle1{height:22px;} div#trail_stops a:link, div#trail_stops a:visited,div#trail_stops a:active {color:#e11111; font-weight:normal;} div#trail_stops table tr.active a:link, div#trail_stops table tr.active a:visited,div#trail_stops table tr.active a:active {color:#999999; font-weight:normal;} div#trail_stops table tr.active a:link, div#trail_stops table tr.active a:visited,div#trail_stops table tr.active a:active {color:#999999; font-weight:normal;} div#trail_pdf a:link, div#trail_pdf1 a:visited,div#trail_pdf a:active {color:#e11111; font-weight:bold;} div#trail_gmap a:link, div#trail_gmap a:visited,div#trail_gmap a:active {color:#e11111; font-weight:bold;} div#trail_stops a:hover{color:#000000} #trail_comment1{height:17px; margin-top:10px; margin-bottom:15px;} div.bold1{color:#e11111; font-weight:bold; padding-top:8px; padding-bottom:8px; padding-left:30px; background-repeat:no-repeat;font-size:10px; cursor:pointer; margin-top:8px;} div.bold1:hover{color:#000} div#trail_pdf{background-image:url(../../img/icn-pdf1.gif); background-position:1px 1px} div#trail_gmap{background-image:url(../../img/icn-marker2.gif); background-position:1px 1px; margin-top:5px;} table.moretop1{margin-top:20px;} /* -------------------------------------------------------- SELECTOR STYLING - splash -------------------------------------------------------- */ #splash_container{width:544px;margin-left:auto; margin-right:auto; text-align:left;position:relative; border:0px solid #ff0000; margin-top:77px; height:465px;} #splash_main{position:absolute; top:0; left:0;} #splash_logos{ position:absolute; left:-160px;top:460px;} #splash_links{ position:relative; width:266px; padding-left:286px; padding-top:159px;} #splash_links p{width:200px; font-size:11px;} #enterlink_fr{ margin-top:166px;} /* ------------------------------------------- global menu navigation styling -------------------------------------------*/ ul.leftmenu1{color:#FFFFFF; font-size:10px; text-transform:uppercase; width:160px; font-weight:bold; position:relative; margin-top:20px; line-height:15px;} ul.leftmenu1 li a:link, ul.leftmenu1 li a:visited, ul.leftmenu1 li a:active{color:#fff; text-decoration:none} ul.leftmenu1 li a:hover{color:#00b7eb; text-decoration:none;} /*separators for menu sections */ ul.leftmenu1 li#nav-home{ padding-bottom:10px; margin-bottom:10px; background-image:url(../../img/icn-dash-1.gif); background-repeat:repeat-x; background-position:1px bottom} ul.leftmenu1 li#nav-lang{padding-top:10px; margin-top:10px; background-image:url(../../img/icn-dash-1.gif); background-repeat:repeat-x; background-position:1px top} ul.leftmenu1 li#nav-boutique{ padding-bottom:10px; margin-bottom:133px; border-bottom:1px solid #fff} /*navigation link using background images for fedrasans fonts*/ ul.leftmenu1 li.img1{border:0px solid #00ff00; height:13px; margin-bottom:2px;} ul.leftmenu1 li.img1 a{float: left; height:0; padding-top:12px; overflow: hidden; outline:none; width:160px;background-image:url(../../img/menu-eng.png); background-repeat: no-repeat; background-position:0 0;} ul.leftmenu1 li#nav-festival a{background-position:0 0} ul.leftmenu1 li#nav-about a{background-position:0 -14px} ul.leftmenu1 li#nav-events a{background-position:0 -29px} ul.leftmenu1 li#nav-image a{background-position:0 -44px} ul.leftmenu1 li#nav-trail a{background-position:0 -59px} ul.leftmenu1 li#nav-learn a{background-position:0 -74px} ul.leftmenu1 li#nav-mykarsh a{background-position:0 -89px} ul.leftmenu1 li#nav-festival a:hover{background-position:-180px 0} ul.leftmenu1 li#nav-about a:hover{background-position:-180px -14px} ul.leftmenu1 li#nav-events a:hover{background-position:-180px -29px} ul.leftmenu1 li#nav-image a:hover{background-position:-180px -44px} ul.leftmenu1 li#nav-trail a:hover{background-position:-180px -59px} ul.leftmenu1 li#nav-learn a:hover{background-position:-180px -74px} ul.leftmenu1 li#nav-mykarsh a:hover{background-position:-180px -89px} /*currentpage styling*/ ul.leftmenu1.nav-festival li#nav-festival a{background-position:-180px 0} ul.leftmenu1.nav-about li#nav-about a{background-position:-180px -14px} ul.leftmenu1.nav-events li#nav-events a{background-position:-180px -29px} ul.leftmenu1.nav-image li#nav-image a{background-position:-180px -44px} ul.leftmenu1.nav-trail li#nav-trail a{background-position:-180px -59px} ul.leftmenu1.nav-learn li#nav-learn a{background-position:-180px -74px} ul.leftmenu1.nav-mykarsh li#nav-mykarsh a{background-position:-180px -89px} ul.leftmenu1.nav-home li#nav-home a{color:#00b7eb; text-decoration:none;} ul.leftmenu1.nav-lang li#nav-lang a{color:#00b7eb; text-decoration:none;} ul.leftmenu1.nav-contact li#nav-contact a{color:#00b7eb; text-decoration:none;} ul.leftmenu1.nav-media li#nav-media a{color:#00b7eb; text-decoration:none;} ul.leftmenu1.nav-boutique li#nav-boutique a{color:#00b7eb; text-decoration:none;} ul.rightmenu1{color:#FFFFFF; font-size:10px; text-transform:uppercase; width:160px; font-weight:bold; position:relative; margin-top:0px; } #right_container2 ul.rightmenu1{width:160px;} ul.rightmenu1 li{ padding-bottom:8px; margin-bottom:8px; background-image:url(../../img/icn-dash-1.gif); background-repeat:repeat-x; background-position:1px bottom} ul.rightmenu1 li.last{ padding-bottom:8px; margin-bottom:8px; background-image:none; border-bottom:1px solid #fff } ul.rightmenu1 li a:link, ul.rightmenu1 li a:visited, ul.rightmenu1 li a:active{color:#00b7eb; text-decoration:none;} ul.rightmenu1 li a:hover{color:#fff; text-decoration:none;} ul.rightmenu1 li.fullview, ul.rightmenu1 li.view1{padding-top:8px;padding-bottom:8px; margin-bottom:8px;border-bottom:1px solid #fff; border-top:1px solid #fff; background-image:url(../../img/icn-fullimg-1.gif); background-repeat:no-repeat; background-position:141px 8px;} ul.rightmenu1 li.fullview:hover{background-image:url(../../img/icn-fullimg-2.gif);} ul#menu2 li.view1{border-top:0px;} #right_container2 ul.rightmenu1 li.fullview{background-position:140px 8px;} ul.rightmenu1 li.view1{background-image:none; margin-top:-5px;} ul.rightmenu1 li.fullview a:link, ul.rightmenu1 li.fullview a:visited, ul.rightmenu1 li.fullview a:active{color:#fff; text-decoration:none;} ul.rightmenu1 li.fullview a:hover{color:#00b7eb; text-decoration:none;} ul#menu3{margin-top:-4px;} ul.index1{color:#FFFFFF; font-size:11px; text-transform:uppercase; width:100%; font-weight:normal; position:relative; margin-top:5px; line-height:12px; } ul.index1 li{ padding-bottom:5px; margin-bottom:5px; background-image:url(../../img/icn-dash-2.gif); background-repeat:repeat-x; background-position:1px bottom} ul.index1 li.last{ padding-bottom:5px; margin-bottom:5px; background-image:none; border-bottom:1px solid #333333 } ul.index1 li.first{ line-height:1px; height:1px; margin-bottom:5px; background-image:url(../../img/icn-dash-2.gif); background-repeat:repeat-x; background-position:1px bottom} ul.light2{text-transform:none; margin-top:0px;} ul.light2 li{padding-bottom:10px; margin-bottom:10px} ul.light2 li.last{border-bottom:0px;} body.fr ul.leftmenu1 li.img1 a{background-image:url(../../img/menu-fr.png); } /*new css inputs for trail and exhibition*/ h3#intro_trail3{margin-top:32px;} div#trail_markers{position:absolute;top:0; left:0; border:0px solid red; width:100%; height:700px;} .trail_mark{position:absolute; cursor:pointer; background-image:url(../../img/icn-marker3.png); width:26px; height:29px; padding-top:8px; background-repeat:no-repeat; background-position:top; text-align:center; color:#fff; font-weight:bold} .trail_preview{ text-align:left;position:absolute; bottom:18px; left:-145px; z-index:100; cursor:auto} .trail_preview .preview_content{padding:10px; background-color:#FFFFFF;width:304px} .trail_preview .preview_content table{width:290px;} .trail_preview .preview_content p {margin-bottom:5px;} .trail_preview .preview_content p.main_preview{clear:both; font-weight:normal} .trail_preview .preview_content div.dash1{margin-top:0px; background-position:left} .trail_preview .preview_content .close_preview{position:absolute; top:9px; right:0; cursor:pointer;} .trail_preview img{float:left; margin-right:10px; margin-bottom:10px;} .trail_preview div.preview_bot1{ background-image:url(../../img/back-preview1.png); width:326px; height:19px; margin-bottom:-19px; background-repeat:no-repeat; position:relative; margin-left:-1px;} .trail_preview .preview_content p.preview_title1{font-weight:bold; font-size:16px; color:#e11111;} .trail_preview .preview_content div.morelink{width:39px; height:12px; background-image:url(../../img/icn-next3.gif); background-position:right 3px; background-repeat:no-repeat; margin-top:5px; margin-bottom:5px;} .trail_preview .preview_content div.morelink2{width:70px; height:12px; background-image:url(../../img/icn-next3.gif); background-position:right 3px; background-repeat:no-repeat; margin-top:5px; margin-bottom:5px;} .morelink a:link,.morelink a:visited,.morelink a:active {color:#e11111; font-size:10px; font-weight:bold; text-decoration:none;} .morelink2 a:link,.morelink2 a:visited,.morelink2 a:active {color:#e11111; font-size:10px; font-weight:bold; text-decoration:none;} .preview_title1 a:link,.morelink a:visited,.morelink a:active {color:#e11111; font-size:16px; font-weight:bold; text-decoration:none;} #trail_1{top:520px; left:100px} #preview_1{bottom:162px; left:-45px} #trail_2{top:504px; left:153px} #preview_2{bottom:178px; left:8px} #trail_3{top:483px; left:209px} #preview_3{bottom:199px; left:64px} #trail_4{top:414px; left:200px} #preview_4{bottom:268px; left:55px} #trail_5{top:423px; left:246px} #preview_5{bottom:259px; left:101px} #trail_6{top:388px; left:255px} #preview_6{bottom:294px; left:110px} #trail_7{top:328px; left:200px} #preview_7{bottom:354px; left:55px} #trail_8{top:348px; left:220px} #preview_8{bottom:324px; left:75px} #trail_9{top:300px; left:245px} #preview_9{bottom:382px; left:100px} #trail_10{top:372px; left:347px} #preview_10{bottom:310px; left:202px} #trail_11{top:391px; left:438px} #preview_11{bottom:291px; left:293px} #trail_12{background-color:#e11111; padding:5px; margin-top:10px; position:relative; padding-bottom:10px;} #trail_12 img{margin-bottom:10px} #trail_12 a:link, #trail_12 a:visited, #trail_12 a:active { color:#FFFFFF; font-size:11px; line-height:14px;} #trail_12 a:hover{color:#000000} h4.rightTitle1{font-size:16px;} /*CALENDAR EVENTS*/ /* optional styling */ #calendarBodyDiv{margin:0;padding:0; position:relative; margin-top:21px} #calendarBodyDiv table tr td{} #calendarTableHeading{ background-color: #08b9eb; color: #ffffff; padding-bottom:3px; padding-top:5px; text-align: center; font-size: 15px; margin-left: 0px; margin-right: 0px; position: relative; font-weight: bold; height: 24px; vertical-align: middle; } h3#calendar1{margin:0; padding:0; width:100%; text-align:center} #cal_next,#cal_prev{position:absolute; top:5px; left:5px; cursor:pointer} #cal_next{left:520px;} #calendarTable{margin-left:-5px;} .columnHeading {text-align: left;font-size: 10px; color: #585858;width: 75px; background-color:#bbbbbb; padding-left:4px; font-weight:bold; padding-top:5px; padding-bottom:4px;} .columnHeading.last{padding-left:0px; ;} #daysHeader{display:; margin-left:1px; } .monthViewCell {width: 73px;height: 51px;border: solid white 1px;text-align: left;padding:1px; background-image:url(../../img/back_cal1.gif); background-repeat:no-repeat; background-position:0 2px; cursor:pointer} .monthViewCell.no_active{background-image:url(../../img/back_cal2.gif); cursor:auto} .monthViewCell.specialevent{background-image:url(../../img/back_cal3.gif); } .monthViewCell2 {width: 73px;height: 51px;border: solid white 1px;text-align: left;padding:1px; background-image:url(../../img/back_cal1.gif); background-repeat:no-repeat; background-position:0 2px; cursor:pointer} .monthViewCell2 .contentCell { padding: 2px;font-size: 11px;font-weight:bold;color: #BDBDBD ;text-align:left; padding-left:6px} .emptyDay{opacity:0.5;} .monthViewCell:hover{border-color:#00B7EB} .monthViewCell.selected{border-color:#585858} .monthViewCell.no_active:hover{border-color:white} .contentCell { padding: 2px;font-size: 11px;font-weight:bold;color: #08b9eb ;text-align:left; padding-left:6px} .monthViewCell.specialevent .contentCell{color:#e11111} #caption1{font-size:10px; margin-top:13px; line-height:16px; font-weight:normal} #caption1 img{width:9px;} div.no_active .contentCell {color:#BDBDBD;} .eventMouseOver {padding: 0px;font-size: 10px;color: #717034;font-weight:bold; background: transparent; line-height:10px; text-transform:uppercase; text-decoration:underline; text-align:left; cursor:pointer;} .eventMouseOut {padding: 0px;font-size: 10px;line-height:10px;color: #717034;font-weight:bold;background: transparent;text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer;} #imageCaptionToggler{border-top:1px solid #FFF; border-bottom:1px solid #FFF; color:#FFF; padding:8px 0; margin:-5px 0 8px 0; font-family:Arial, Helvetica, sans-serif; width:160px;} #imageCaptionToggler div{display:none;} #imageCaptionToggler p{padding:0 0 8px 0; margin:0 0 9px 0; color:#FFF; background:url(../../img/icn-dash-1.gif) repeat-x left bottom; font-size:10px; font-weight:normal; line-height:14px;} #imageCaptionToggler a{color:#FFF; text-decoration:none; display:block; font-weight:normal; font-size:10px;} #imageCaptionToggler a.withIcon{background:url(../../img/icn-fullimg.gif) no-repeat right top;} #imageCaptionToggler a:hover{color:#00b7eb;} #imageCaptionToggler a.withIcon:hover{color:#00b7eb; background-position:right -100px;} /*ajustements FR */ body.fr #home_intro{height:80px;} body.fr #festival_intro{height:100px;} body.fr #title_about{width:550px;} body.fr #title_event{height:72px; width:400px;} body.fr #events_comment1{height:18px; width:220px;} body.fr #mykarsh_how{width:240px;} body.fr #mykarsh_share{ width:250px; height:33px;} body.fr #mykarsh_contributions{ width:220px;} body.fr #title_trail1{width:250px;} body.fr #title_festival{width:500px;} body.fr #contact_add1{margin-top:15px;}