/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.9 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* Reset default browser styles */ @import url('/inc/css/reset.css'); /* Import the main menu */ @import url('/inc/css/main-menu.css'); a { font:bold 10px tahoma, helvetica, Arial; color:#e8e8e8; outline:none; text-decoration:none; text-transform:uppercase; } #contact a { } /* grid.css */ #container { float:left; width:997px; margin:0px; visibility:hidden; } #hdr { float:left; display:inline; width:837px; height:283px!important; height:283px; margin-right:3px; } #sidebar { float:right; position:absolute; top:43px; display:inline; width:157px!important; height:100px; margin:0px; } #content { float:left; display:inline; width:797px; min-height:350px!important; margin:0px; padding:0px; margin-left:40px!important;} #left { float:left; width:317px!important; display:inline; background-color:transparent!important; } #menu { float:left; display:block; background:transparent; position:absolute; width:957px; top:20px; margin-left:40px!important; } #right { float:right; width:477px!important; } #full { float:left; width:797px; } #creativecall { float:left; display:inline; background:#171717; color:#E8E8E8; font-size:18px; width:797px; margin:0px; padding-top:30px; margin-top:150px; !important;} #creativecall p { margin:10px; margin-bottom:5px;} .creativesmalltext { font-size:10px; margin:0px; margin-bottom:0px; } #search { float:left; width:157px; margin:0px 3px 20px 0px;} #ticker { float:left; display:inline; width:797px; margin-top:1px;} #ticker p { float:left; display:inline; clear:both; font-size:26px; color:#e8e8e8; padding:0px; margin:0px; margin-bottom:3px; } #ticker p span { float:left; display:inline; background-color:#171717; height:34px; padding:4px 57px 2px 8px; white-space:nowrap; } #ticker .date { color:#00acec; } #related, #featured { float:left; margin:0px 0px 3px 0px; } #infoDesk img { float:left; margin:0px; } .dk { background-color:#171717; color:#e8e8e8; } .lt { background-color:#e8e8e8; color:#171717; } .dk h2, .dk h3, .dk dt, .dk a, .dk strong { color:#e8e8e8; font-weight:bold; } .lt h2, .lt h3, .lt dt, .lt a, .lt strong { color:#171717; font-weight:bold; } .copy a:hover { background-color:#171717; color:#e8e8e8; } .hover { cursor:pointer; } .galleryImages { float:left; } .galleryImages a { float:left; padding:0px; margin:0px; } .galleryImages img.lastImg { padding:0px; margin-right:0px!important; float:left; } .galleryImages img { padding:0px; margin:0px 3px 3px 0px!important; float:left; } img { float:left; margin:0px; padding:0px; } #left dl { float:left; padding:10px; width:297px; margin:0px; border-bottom:1px dotted #ccc; } .copy dl { float:left; padding:10px; width:457px; margin:0px; border-bottom:1px dotted #ccc; } #left img { margin:0px; padding:0px; } #left dt { float:left; margin:0px; clear:both; width:297px; } #left dd { float:left; font:normal 10px Tahoma, Helvetica, sans-serif; text-align:right; margin:0px; width:297px; } .copy dd { float:left; font:normal 10px Tahoma, Helvetica, sans-serif; text-align:right; margin:0px; width:457px; } #left dl.infoFeat { padding:0px; width:100%; } #left dl.infoFeat dt { padding:0px 10px; padding-top:10px; font-size:18px; font-weight:bold; } #left dl.infoFeat dd { margin-bottom:0px; padding:0px 10px; padding-bottom:10px; } #left dl.infoFeat dd.img { padding:0px; background:transparent!important; border:0px; } #relFiles ul { float:left; } #relFiles li a { float:left; padding:10px 10px 10px 30px; width:277px!important; background:#e8e8e8 url(/img/styling/arr_right_sml_dk.png) no-repeat 10px 14px; font:bold 10px Tahoma, Helvetica, sans-serif; text-transform:uppercase; color:#171717; border-bottom:1px #ccc dotted;} #relFiles li a:hover { background:#171717 url(/img/styling/arr_right_sml_lt.png) no-repeat 10px 14px; color:#e8e8e8; } #contact { float:left; } #list { float:left; width:157px; margin-bottom:20px; } #sidebar div { float:left; } #sidebar h2 { margin:0px; padding:0px; } #sidebar dl { float:left; padding:0px; margin:0px; } #sidebar dd { float:left; padding:0px; margin:0px; } #sidebar p { line-height:12px; width:137px; padding:10px; margin:0px; height:auto!important; } /*#sidebar a { width:100%; clear:both; }*/ #sidebar #contact p { margin-top:0px; } #mediaShop { float:left; clear:both; margin-bottom:20px; } #mediaShop dl { float:left; margin:0px; padding:10px 0px; height:auto!important; font:normal 10px Tahoma, Helvetica, sans-serif; } #mediaShop dt, #mediaShop dd.cat { float:right; width:90px; padding:0px 10px 0px 3px;} #mediaShop dd { padding:0px; } #mediaShop dd.img img { float:left; padding-left:3px; } #ticketShop { float:left; clear:both; margin-bottom:20px; } #ticketShop dl { float:left; margin:0px; padding:10px 0px; height:auto!important; font:normal 10px Tahoma, Helvetica, sans-serif; } #ticketShop dt, #ticketShop dd.cat { float:right; width:90px; padding:0px 10px 0px 3px;} #ticketShop dd { padding:0px; } #ticketShop dd.img img { float:left; padding-left:3px; } #GHCalendar { float:left!important; } #GHCalendarEvents ul { float:left; width:137px!important; height:auto!important; margin-bottom:3px; padding:5px 10px; } #GHCalendarEvents li { } #GHCalendarEvents { margin-bottom:20px; font-size:10px; } #GHCalendarEvents p { float:left; display:inline; } #GHCalendarEvents dl { float:left; display:inline; height:auto!important; width:154px; margin:0px; padding:10px 0px; border-left:3px #171717 solid; } #GHCalendarEvents dt, #GHCalendarEvents dd { padding:0px 10px; } #GHCalendarEvents p.centre { text-transform:uppercase; } #GHCalendarEvents dl dt a { float:left; width:137px; } .en, .el, .elE, .enE { } .hide { font-size:0px; display:none; } .clearfix, #container { display:block; } .clear {clear:both;} .biosTn { float:left; margin:0px 3px 3px 0px; } .biosTnLast { float:left; margin:0px 0px 3px 0px; } .biosTn div, .biosTnLast div { padding-top:10px; cursor:pointer; } .biosTn p { font-size:10px; } .biosList { float:left } .biosList .elE, .biosList .enE { display:none; width:157px; min-height:137px; background:inherit; padding-bottom:10px; float:left; } .biosList p, .biosList h2 { float:left; clear:both; width:137px; padding:0px 10px; margin:0px; line-height:12px; } .biosList h2 { font-weight:bold; font-size:18px; line-height:17px; padding-bottom:10px; } .mediaShop .copy { background-color:#171717; } .copy { background-color:#e8e8e8; float:left; width:477px!important; min-height:157px; } .copy p, .event ul, .event ol, .copy h2, .copy h3, .copy h4 { padding:10px; padding-right:57px; float:left!important; clear:both; margin:0px; } .copy li { float:left; margin-left:20px; } .copy h3, .copy h4, .copy h5, .copy h6 { padding:0px 10px; margin-top:30px; } .copy p.firstPara { font-size:150%; } .copy p.lastPara { margin-bottom:157px!important; } .copy .sub { border-top:1px #ccc dotted; clear:both; float:left; padding-top:10px; margin-bottom:30px; } .copy .vid { width:457px; padding:10px; } .centre { text-align:center; } .addthis_toolbox a:hover{background:transparent} /* forms ----------------------------------------------- */ fieldset { border:0px; outline:0px; margin:0px; } input, textarea { font:10px Tahoma, Helvetica, sans-serif; padding:5px; border:0px solid #242424; color:#000000; line-height:14px; margin:0px; } #sidebar fieldset { padding:0px 10px; margin-bottom:5px; } #sidebar #list input { background-color:#00ff00; color:#fff; font-weight:bold; width:127px; } .overTxtLabel { font:bold 10px Tahoma, Helvetica, sans-serif; padding:5px; color:#ffffff; padding:2px; } input[type=text]:focus, input[type=password]:focus { outline: 0 none; } #sidebar #search fieldset { padding:0px; margin:0px; } #search form { float:left; width:100%; } #search input { float:left; width:127px; padding:4px 5px; font-weight:bold; background-color:#00ff00!important; color:#ffffff; } div.overTxtDiv { font:bold 10px Tahoma, Geneva, sans-serif; color: #171717; } /* lists / menus / buttons ----------------------------------------------- */ ul, li { list-style:none; margin:0px; padding:0px; } .nav { float:left; padding:0px 0px 0px 0px; } .nav li { } .nav a { padding:2px 10px 3px 10px; text-decoration:none; display:block; font: bold 100% verdana, Helvetica, sans-serif; color:#e8e8e8; background-color:#171717; } .nav li.on a { padding:2px 10px 3px 10px; color:#171717; background-color:#e8e8e8; } .nav a:hover { padding:2px 10px 3px 10px; color:#171717; background-color:#e8e8e8; } .translate { width:157px; z-index:1000; float:right; margin-top:5px; } .translate ul { float:right; } .translate li { list-style:none; display:block; float:left; margin-right:3px; } .translate li a { float:left; color:#e8e8e8; background-color:#171717; text-decoration:none; } #footer li a, .fLink { float:left; color:#e8e8e8; background-color:#171717; text-decoration:none; padding:2px 3px; } .translate li a, .translate li.on a, .fLink, #footer li a { font:bold 10px Tahoma, Helvetica, sans-serif; margin-bottom:3px!important; } .translate li a:hover, .translate li.on a:hover, .translate li.on a, #footer li a:hover, #footer li.on a { color:#171717; background-color:#e8e8e8; } .translate a span { font-size:0px; display:none; } a.searchBut { float:left!important; width:20px!important; height:20px; margin:0px; padding:0px!important; background:#171717 url("/img/styling/arr_right.png") no-repeat; } a.searchBut:hover, li.basket a:hover { color:#171717!important; background-color:#e8e8e8; background-position:-20px; } a.searchBut span { font-size:0px; display:none; } a.subBut { float:right; padding:3px 15px 3px 15px; width:auto!important; text-transform:uppercase; display:block; font:bold 10px Tahoma, Helvetica, sans-serif; color:#e8e8e8; background-color:#171717; margin:3px 0px; } a.subBut:hover { padding:3px 15px 3px 15px; color:#171717; background-color:#e8e8e8; } #fLink, #vLink { width:147px!important; text-align:right; height:20px; margin:0px; padding:0px; padding-left:0px; padding-right:10px; float:right; background-color:#171717; } #fLink li , #vLink li { text-align:right; float:right!important; margin:0px; padding:0px; } #fLink a, #vLink a { float:left; text-decoration:none; color:#e8e8e8; padding:3px 3px; margin-left:3px; font:bold 10px Tahoma, Helvetica, sans-serif; text-transform:uppercase; } #fLink a:hover, #vLink a:hover, .over, .over a { background-color:#e8e8e8!important; color:#171717!important; cursor:pointer; } #fLink a span, #vLink a span { padding:0px; } .arr_lge { padding:4px 5px 0px 5px; float:left; } /* tables ----------------------------------------------- */ table { border-collapse:collapse; border:0px; border-spacing:0px; margin:0px; padding:0px; } /* footer ----------------------------------------------- */ #footer { width:792px; clear:both; float:left; margin-left:40px; margin-bottom:3px; display:inline; margin-top:20px; padding:10px 0px 10px 5px; } #footer p { float:left; width:317px; color:#d2d2d2; font-size:10px; padding:0px; margin:0px; line-height:15px; } #footer img { vertical-align:top; margin-right:10px; } #footer ul { float:right!important; width:457px; height:auto!important; margin-bottom:3px; color:#e8e8e8; } #footer li { float:left; width:152px; height:auto!important; } #footer li a { display:block; } #footer li.social a { color:#00ff00; } #footer ul.network { margin-top:20px; } #footer ul.nav { margin-bottom:20px; } /* image replacements ----------------------------------------------- */ #mediaShop h2 { float:left; background:url("/img/styling/hdr-media-shop.png"); width:157px; height:40px; margin:0px; background-color:#ffff00; } #mediaShop h2.hover { background-color:#e8e8e8; } #ticketShop h2 { float:left; background:url("/img/styling/hdr-ticket-shop.png"); width:157px; height:40px; margin:0px; background-color:#3fe000; } #ticketShop h2.hover { background-color:#e8e8e8; } #infoDesk h2 a { float:left; width:301px; height:40px; margin:0px; background:#e8e8e8 url("/img/styling/hdr-info-desk.png") no-repeat; } #related h2 { float:left; width:317px; height:40px; margin:0px; background:#171717 url("/img/styling/hdr-related.png") no-repeat; } #sidebar h2 span, #left h2 span { font-size:0px; display:none; } #logo span, #contact h2 span { font-size:0px; display:none; } #logo { float:left; background:url("/img/styling/bios-logo.png"); position:absolute; top:160px; left:3px; z-index:1000; margin-left:3px; width:100px; height:54px; } #logo:hover { background-position:-100px; cursor:pointer; } h2.contact { background:url("/img/styling/hdr-contact.png"); width:160px; height:40px; margin:0px; } h2.subscribe { background: url("/img/styling/hdr-subscribe.png"); width:160px; height:40px; margin:0px; } .translate li a { height:15px; } .translate li.greek a { background:url("/img/el/but-greek.png"); width:72px!important; } .translate li.english a { background:url("/img/en/but-english.png"); width:64px!important; } .translate li a:hover, .translate li.on a { background-position:0px -15px; } a.rss img { height:40px; background:#e8e8e8 url("/img/styling/icon-rss.png") no-repeat 0px 3px;} a.rss:hover img { background:#e8e8e8 url("/img/styling/icon-rss-on.png") no-repeat 0px 3px ; } #footer a.rss img { background-color:transparent; background-position:0px 3px; } /* Grid stuff ----------------------------------------------- */ .w20 { width:20px; } .w30 { width:30px; } .w50 { width:50px; } .w60 { width:60px; } .w75 { width:75px; } .w90 { width:90px; } .w100 { width:100px; } .w120 { width:120px; } .w140 { width:140px; } .w150 { width:150px; } .w160 { width:160px; } .w175 { width:175px; } .w190 { width:190px; } .w200 { width:200px; } .w250 { width:250px; } .w290 { width:290px; } .w300 { width:300px; } .w350 { width:350px; } .w375 { width:375px; } .w400 { width:400px; } .w450 { width:450px; } .w500 { width:500px; } .w550 { width:550px; } .w600 { width:600px; } .w700 { width:700px; } .w730 { width:730px; } .w750 { width:750px; } /* ABOUT ----------------------------------------------- */ .about h3 { padding:10px; border-bottom:1px dotted #ccc; margin-bottom:0px; width:777px; } .about h5 { font-size:10px; } .about .tech { float:left; width:324px; padding:10px; } .about .floor { border-left:1px solid #171717; } .about .tech { float:left; width:330px; } .about .tech ul { margin-bottom:20px; float:left; margin-right:10px; } .about .tech li { font-size:11px; width:314px; font-weight:normal; } .about h3 { float:left; } .about #full a.anch { float:left; clear:both; } /* ACCORDIAN ----------------------------------------------- */ .accordian h3 { padding:10px; border-bottom:1px dotted #ccc; margin-bottom:0px; } .accordian h3:hover { cursor:pointer; } .accordian { background-color:#e8e8e8; float:left; margin-bottom:20px; } .accordian .element { float:left; } .accordian .element p { padding:10px; margin:0px; } .accordian .element p.metrics { font-size:16px; } .accordian .full { float:left; } .accordian .floor { float:right; padding:20px; } /* MILKBOX ----------------------------------------------- */ #box{ margin:0 auto; padding:0 0 50px 0; width:600px; /*background-color:#F00; */ } strong{ color:#b3b3b3; } #components, #tests, .customization{ margin:10px 0 20px 25px; } #components li, #tests li, .customization li{ margin-bottom:3px; } #gallery{ width:100%; } /*#gallery img{ border: 5px solid #78c7f2; }*/ .code{ margin:10px; font-size:12px; color:#6C0; } #mbOverlay { position: absolute; left: 0; width:100%; background-color: #171717; /* set the Milkbox overlay color // opacity: see the js options */ z-index:100; cursor: pointer; } #mbCenter { /* for default width and height, see the js options */ position: absolute; z-index:101; overflow:hidden; left: 50%; top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */ background-color: #e8e8e8;/* set the Milkbox background color */ border: 3px solid #e8e8e8;/* set the Milkbox border */ margin:0; /*padding:5px; set the Milkbox padding */ } .mbLoading{ background: #fff url(/img/styling/loading.gif) no-repeat center; }/* IMAGE: loading gif */ #mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; } .clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; } /* *** BOTTOM *** */ #mbBottom { /* set text options */ font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; color: #171717; line-height: 1.4em; text-align: left; padding-top:8px; margin:0; } /* navigation */ /* be careful if you change buttons dimensions */ #mbNavigation{ float:right; width:60px; border-left:3px solid #171717;/* set nav border */ font-weight:bold; } #mbCount{ width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:9px; /* count font size */ } #mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{ outline:none; display:block; float:right; height:20px; cursor: pointer; } #mbNavigation a:hover { background-position:-20px 0px!important; } #mbPrevLink, #mbNextLink{ width:20px; } #mbPrevLink{ background: #171717 url(/img/styling/arr_left.png) no-repeat 0 0; }/* IMAGE: prev */ #mbNextLink{ background: #171717 url(/img/styling/arr_right.png) no-repeat 0 0; }/* IMAGE: next */ #mbPlayPause{ width:20px; } #mbPlayPause{ background: #171717 url(/img/styling/play-pause.png) no-repeat; }/* IMAGE: prev */ /* NOTE: doesn't work in ie6, so, just see the js options :) */ a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-color:#00ff00; } #mbCloseLink { width:20px; background:#171717 url(/img/styling/close_sml_lt.png) no-repeat;/* IMAGE: close */ } /* description */ #mbDescription { margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; height:40px!important; }